@homie-rocks/studio 0.28.0 → 0.29.0

package/worker/office-page.mjs

@@ -163,6 +163,13 @@ button.small { min-height: 30px; padding: 4px 10px; font-size: 13px; border-radi
   .newsrv .frow > label, .newsrv .frow > .lbl { padding-top: 0; }
   .policies { grid-template-columns: 1fr; }
 }
+/* The Lounge (0.29.0): its rules, play nights, moderators and last lines. */
+.lounge { margin: 18px 0 6px; padding: 16px; border-radius: 16px; background: var(--panel); border: 1px solid var(--line); }
+.lounge .lhead { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; }
+.lounge .lset { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; margin-top: 12px; font-size: 14px; }
+.lounge .lset label { display: inline-flex; gap: 8px; align-items: center; }
+.lounge .nightf { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 8px; }
+.lounge .nightf input[type=text] { min-width: 220px; }
 @media (max-width: 720px) { .srvhead { grid-template-columns: 1fr 1fr; } }
 @media (max-width: 720px) {
   .rhead { grid-template-columns: 1fr 1fr 1fr; }
@@ -763,9 +770,100 @@ export const OFFICE_SCRIPT = String.raw`(function () {
     return box;
   }
 
+  /* ---------------------------------------------------------------- the Lounge (0.29.0, chat/LOUNGE.md) */
+  var loungeEl = document.getElementById('lounge');
+  var KEEP_DAYS = [[0, 'Nothing past a few minutes'], [1, '1 day'], [7, '7 days'], [14, '14 days'], [30, '30 days'], [90, '90 days']];
+  function loungeBox(L, now) {
+    var box = el('section', 'lounge'); box.id = 'lounge-box';
+    var r = L.rules || {};
+    add(box, add(el('div', 'lhead'), add(el('div'), el('h2', '', L.name), el('span', 'faint', (L.here ? L.here + ' here now · ' : 'quiet · ') + (r.mode === 'text' ? 'typing: ' + r.who : r.mode) + (r.slow ? ' · slow ' + r.slow + ' s' : '') + ' · ' + (r.history ? 'kept ' + r.history + (r.history === 1 ? ' day' : ' days') : 'nothing kept') + (r.hub ? ' · shown on homie.rocks' : '') + (L.kids ? ' · kids' : '') + ' · rules from ' + (L.from === 'office' ? 'you' : 'the defaults'))),
+      add(el('div', 'links'), Object.assign(el('a', '', 'Open the Lounge'), { href: L.page, target: '_blank', rel: 'noopener' }))));
+    var keep = sel(KEEP_DAYS, r.history || 0, 'Keep what is said');
+    keep.disabled = Boolean(L.kids);
+    keep.onchange = function () {
+      var n = Number(keep.value);
+      if (n < (r.history || 0) && !confirm(n ? 'Keep only ' + n + ' days? Anything older is deleted now.' : 'Keep nothing past a few minutes? Everything the Lounge kept is deleted now.')) { keep.value = String(r.history || 0); return; }
+      act('/_studio/api/lounge/rules', { history: n }, n ? 'The Lounge keeps what is said for ' + n + (n === 1 ? ' day.' : ' days.') : 'The Lounge keeps nothing now.');
+    };
+    var slow = sel([[0, 'Off'], [3, '3 s'], [10, '10 s'], [30, '30 s'], [120, '2 min']], r.slow || 0, 'Slow mode');
+    slow.onchange = function () { act('/_studio/api/lounge/rules', { slow: Number(slow.value) }, 'Slow mode set.'); };
+    var who = sel([['anyone', 'Anyone'], ['signed-in', 'Signed in']], r.who === 'anyone' ? 'anyone' : 'signed-in', 'Who may type');
+    who.onchange = function () { act('/_studio/api/lounge/rules', { who: who.value }, who.value === 'anyone' ? 'Guests may type too.' : 'Typing is for signed-in people.'); };
+    var hub = el('input'); hub.type = 'checkbox'; hub.checked = Boolean(r.hub);
+    hub.onchange = function () { act('/_studio/api/lounge/rules', { hub: hub.checked }, hub.checked ? 'homie.rocks shows the Lounge live.' : 'The Lounge stays on this site.'); };
+    add(box, add(el('div', 'lset'),
+      add(el('label'), el('span', 'dim', 'Keep what is said'), keep),
+      add(el('label'), el('span', 'dim', 'Slow mode'), slow),
+      add(el('label'), el('span', 'dim', 'Typing'), who),
+      add(el('label', 'check'), hub, el('span', '', 'Show it live on homie.rocks'))));
+    if (L.kids) box.appendChild(el('p', 'faint', 'A kids Lounge keeps chat to emoji and quick lines and keeps nothing.'));
+    // Play nights: the owner's own time in, everyone's own time out.
+    add(box, el('h3', '', 'Play nights'));
+    (L.nights || []).forEach(function (n) {
+      var rowEl = el('div', 'inv');
+      add(rowEl, el('b', '', n.title), el('span', '', new Date(n.at).toLocaleString(undefined, { weekday: 'short', day: 'numeric', month: 'short', hour: 'numeric', minute: '2-digit' })), el('span', 'faint', n.minutes + ' min' + (n.on ? ' · on now' : '') + (n.game && n.game.name ? ' · ' + n.game.name : '')),
+        armed('Remove', 'bad', function () { act('/_studio/api/lounge/night', { remove: n.id }, 'Play night removed.'); }));
+      box.appendChild(rowEl);
+    });
+    var key = 'lounge/night';
+    var dn = S.drafts[key] || (S.drafts[key] = {});
+    var title = el('input'); title.type = 'text'; title.placeholder = 'What it is ("Night Rush night")'; title.maxLength = 80; title.value = dn.title || ''; title.oninput = function () { dn.title = title.value; };
+    var when = el('input'); when.type = 'datetime-local'; when.value = dn.when || ''; when.setAttribute('aria-label', 'When (your time)'); when.oninput = function () { dn.when = when.value; };
+    var mins = sel([[60, '1 hour'], [90, '90 min'], [120, '2 hours'], [180, '3 hours']], dn.minutes || 120, 'How long'); mins.onchange = function () { dn.minutes = Number(mins.value); };
+    var game = sel([['', 'Any game']].concat((S.data && S.data.games || []).map(function (g) { return [g.id, g.name]; })), dn.game || '', 'Which game'); game.onchange = function () { dn.game = game.value; };
+    add(box, add(el('form', 'nightf'), title, when, mins, game, btn('Add', 'small', function () {
+      if (!title.value.trim() || !when.value) { toast('Give it a name and a time.', true); return; }
+      var at = new Date(when.value);
+      act('/_studio/api/lounge/night', { title: title.value, at: at.toISOString(), minutes: Number(mins.value), game: game.value || undefined }, 'Play night added: it shows in the Lounge in everyone\'s own time.').then(function (res) { if (res && res.ok) S.drafts[key] = {}; });
+    })));
+    // Moderators: accounts the owner trusts with Remove, Mute, Kick (an hour at most) and slow mode in the Lounge.
+    add(box, el('h3', '', 'Moderators'));
+    if (!(L.mods || []).length) box.appendChild(el('p', 'faint', 'None yet. Make someone a moderator from one of their lines below.'));
+    (L.mods || []).forEach(function (m) {
+      add(box, add(el('div', 'inv'), el('b', '', m.name || m.player), el('span', 'faint', 'since ' + new Date(m.addedAt).toLocaleDateString()),
+        armed('Remove', 'bad', function () { act('/_studio/api/lounge/mod', { player: m.player, remove: true, name: m.name }, (m.name || 'They') + ' is not a moderator now.'); })));
+    });
+    // The Lounge's last lines, with Remove, Mute, Kick, and Make moderator for a signed-in sender.
+    var lines = (L.lines || []).filter(function (l) { return l.kind !== 'react'; });
+    if (lines.length) {
+      var log = el('div', 'chatlog');
+      add(log, el('h4', '', 'Last ' + lines.length + (lines.length === 1 ? ' message' : ' messages')));
+      lines.slice().reverse().slice(0, 30).forEach(function (l) {
+        var rowEl = el('div', 'cl' + (l.by === 'studio' ? ' studio' : ''));
+        add(rowEl, el('b', '', l.by === 'studio' ? 'Studio' : l.name), el('span', 'txt', l.card ? 'Showed: ' + (l.card.title || '') + (l.card.studio ? ' by ' + l.card.studio : '') + (l.text && l.text.indexOf('Made: ') !== 0 ? ' · ' + l.text : '') : (l.text || '')),
+          el('span', 'faint', ago(now - l.at) + (l.by === 'hub' ? ' · on homie.rocks' : '') + (l.owner ? ' · you' : l.mod ? ' · mod' : l.acct ? ' · signed in' : ' · guest')));
+        var acts = el('span', 'pacts');
+        acts.appendChild(btn('Remove', 'ghost small', function () { act('/_studio/api/lounge/remove', { id: l.id }, 'Removed from every screen.'); }));
+        if (l.by !== 'studio' && !l.owner) {
+          acts.appendChild(btn('Mute', 'warn small', function () { act('/_studio/api/lounge/hold', { line: l.id, minutes: hold() }, (l.name || 'They') + ' is muted for ' + hold() + ' min; their messages are down.'); }));
+          acts.appendChild(armed('Kick', 'bad', function () { act('/_studio/api/lounge/hold', { line: l.id, kick: true, minutes: hold() }, (l.name || 'They') + ' is out of the Lounge for ' + hold() + ' min.'); }));
+          if (l.player && l.acct && !l.mod && !(L.mods || []).some(function (m) { return m.player === l.player; })) acts.appendChild(btn('Make moderator', 'ghost small', function () { if (confirm('Make ' + l.name + ' a moderator of the Lounge? They can take messages down, mute or kick someone for up to an hour, and set slow mode.')) act('/_studio/api/lounge/mod', { player: l.player, name: l.name }, l.name + ' is a moderator from their next visit.'); }));
+        }
+        rowEl.appendChild(acts);
+        log.appendChild(rowEl);
+      });
+      box.appendChild(log);
+    } else box.appendChild(el('p', 'faint', 'Nothing said in the Lounge lately.'));
+    var reps = L.reports || [];
+    if (reps.length) {
+      add(box, el('h3', '', 'Reports (' + reps.length + ')'));
+      reps.forEach(function (p) {
+        add(box, add(el('div', 'inv'), el('b', '', p.name || 'Someone'), el('span', '', '"' + p.text + '"'), el('span', 'chip muted', p.reasonText || p.reason), el('span', 'faint', ago(now - p.at)),
+          btn('Dismiss', 'ghost small', function () { act('/_studio/api/chat/report', { id: p.id }, 'Report dismissed (deleted).'); })));
+      });
+    }
+    return box;
+  }
+
   function render() {
     var d = S.data;
     if (!d) return;
+    // The Lounge, above the games (never redrawn under a typing owner or a control waiting for its second tap).
+    var lat = document.activeElement;
+    if (loungeEl && !(lat && loungeEl.contains(lat) && /INPUT|SELECT/.test(lat.tagName)) && !loungeEl.querySelector('[data-armed="1"]')) {
+      loungeEl.textContent = '';
+      if (d.lounge) loungeEl.appendChild(loungeBox(d.lounge, Date.now() - (S.skew || 0)));
+    }
     var now = Date.now() - (S.skew || 0);
     liveEl.textContent = d.playing ? d.playing + (d.playing === 1 ? ' playing now' : ' playing now') : 'nobody playing right now';
     document.getElementById('livedot').className = 'dot' + (d.playing ? ' on' : '');
@@ -849,6 +947,7 @@ export async function officePage(cat, headers = {}) {
 <label for="hold" style="margin-left:auto">Kick, mute and close for</label><select id="hold"><option value="5">5 min</option><option value="10" selected>10 min</option><option value="30">30 min</option><option value="60">1 hour</option><option value="1440">a day</option></select></form>
 <p class="dim" id="status" role="status"></p>
 <p class="dim" id="chatday"></p>
+<div id="lounge"></div>
 <div id="games" aria-live="polite"><p class="empty">Reading the rooms…</p></div>
 <div class="toast" id="toast" role="status" hidden></div>
 <p class="note">Servers: each game's named room pools. Open: anyone, AI with a pass marked AI. Humans only: no AI at all. Hybrid: some seats in every room are AI companions; the party votes their level. Beginner: new players, AI guides, quick lines only. Changing a server reaches its live rooms at once; AI leave after the round when a server becomes humans-only.</p>

package/worker/office.mjs

@@ -66,6 +66,7 @@ import { CHAT_MODES, CHAT_WHO, checkChatRules, publicChat } from './chat.mjs';
 import { chatDay, chatOf, chatRowsOf, clearChatRules, dismissReport, reportsOf, writeChatRules } from './chat-store.mjs';
 import { checkRefund, checkSettle, describeRefund, officeShopPage, ordersCsv, performRefund, settleReferrer, shopOffice, statementsOut, statementsSend } from './shop.mjs';
 import { orderById } from './shop-store.mjs';
+import { checkLoungeAction, describeLounge, loungeNeedsAsk, loungeOffice, performLounge } from './lounge.mjs';
 
 export { OFFICE_MIGRATION, OFFICE_MIGRATION_FILE } from './office-schema.mjs';
 
@@ -630,6 +631,8 @@ export async function officeView(env, cat, origin) {
     agentsTalk: await talkConsented(env),
     brain: await brainDay(env),
     chat: await chatDay(env, today()),
+    // The Lounge (0.29.0): null when the studio has none.
+    lounge: await loungeOffice(env, cat, origin).catch(() => null),
   };
 }
 async function memberCountsOf(env, game) {
@@ -653,6 +656,9 @@ const DESTRUCTIVE = new Set(['kick', 'mute', 'close', 'game']);
 
 /** An action, checked against the catalogue: `{ ok, action }` or `{ ok: false, error, message }`. */
 function checkAction(cat, op, body) {
+  // The Lounge's controls (0.29.0, worker/lounge.mjs): its rules, play nights, moderators, its lines and their senders.
+  const lounge = checkLoungeAction(cat, op, body);
+  if (lounge) return lounge;
   const meta = (cat.games ?? []).find((g) => g.id === body.game);
   const room = typeof body.room === 'string' && ROOM_ID.test(body.room) ? body.room : null;
   const minutes = Math.max(1, Math.min(24 * 60, Math.floor(Number(body.minutes) || 10)));
@@ -788,6 +794,8 @@ export function chatOpensUp(before, f) {
   for (const k of ['who', 'react']) if (f[k] !== undefined && who[f[k]] > who[before[k]]) return true;
   if (f.slow !== undefined && f.slow < before.slow) return true;
   if (f.max !== undefined && f.max > before.max) return true;
+  // Keeping what people say for longer (history, 0.29.0) is the owner's to confirm; keeping it for less is not.
+  if (f.history !== undefined && f.history > (before.history ?? 0)) return true;
   if (f.links === 'allow' && before.links !== 'allow') return true;
   if (f.swears === 'allow' && before.swears !== 'allow') return true;
   for (const k of ['watchers', 'hub']) if (f[k] === true && !before[k]) return true;
@@ -800,6 +808,7 @@ export function chatOpensUp(before, f) {
 
 /** The action in plain words, for the owner's confirm page and the AI's card. */
 export function describe(cat, a) {
+  if (String(a.op).startsWith('lounge-')) return describeLounge(cat, a);
   const g = (cat.games ?? []).find((x) => x.id === a.game);
   const gname = g?.name ?? a.game;
   const where = a.room ? `${roomLabel(a.room)} of ${gname}` : gname;
@@ -867,6 +876,7 @@ export function describe(cat, a) {
 
 /** Whether an office key (the owner's AI) only ASKS for this (DESIGN D13): what takes something away, or consent. */
 export async function needsAsk(env, cat, a) {
+  if (String(a.op).startsWith('lounge-')) return loungeNeedsAsk(env, cat, a, chatOpensUp);
   if (DESTRUCTIVE.has(a.op)) return true;
   // Money: the owner's AI may only propose a refund or a settlement; the owner says yes.
   if (a.op === 'refund' || a.op === 'shop-settle') return true;
@@ -910,6 +920,7 @@ async function pushPolicy(env, meta, settings, server) {
 
 /** Do it: the owner's own session did, or the owner confirmed what the AI asked. */
 export async function perform(env, cat, a) {
+  if (String(a.op).startsWith('lounge-')) return performLounge(env, cat, a, a.origin ?? '');
   const settings = await settingsOf(env, { fresh: true });
   const meta = (cat.games ?? []).find((g) => g.id === a.game) ?? null;
   switch (a.op) {
@@ -1229,6 +1240,11 @@ async function api(request, env, url, cat) {
     const view = await officeView(env, { ...cat, games: metas }, url.origin);
     return json({ ok: true, day: view.chat, games: view.games.map((g) => ({ id: g.id, name: g.name, chat: g.chat, rooms: g.rooms.map((r) => ({ room: r.room, label: r.label, players: r.players, chat: r.chat })) })) });
   }
+  // The Lounge (0.29.0): its rules, play nights, moderators, last lines and reports.
+  if (path === '/_studio/api/lounge' && request.method === 'GET') {
+    const lounge = await loungeOffice(env, cat, url.origin);
+    return lounge ? json({ ok: true, lounge }) : json({ ok: false, error: 'no-lounge', message: 'This studio has no Lounge: add "lounge": true to studio.json and deploy.' }, 404);
+  }
   // The shop (0.24.0): the owner's view, the accountant's CSV, the referral statements.
   if (path === '/_studio/api/shop' && request.method === 'GET') return json(await shopOffice(env, cat, url.origin));
   if (path === '/_studio/api/shop/orders.csv' && request.method === 'GET') {
@@ -1244,13 +1260,15 @@ async function api(request, env, url, cat) {
     '/_studio/api/servers': 'server-create', '/_studio/api/servers/set': 'server-set', '/_studio/api/servers/close': 'server-close', '/_studio/api/servers/member': 'member',
     '/_studio/api/agents/pass': 'pass', '/_studio/api/room-level': 'room-level', '/_studio/api/agents/brain': 'agents-brain',
     '/_studio/api/shop/refund': 'refund', '/_studio/api/shop/settle': 'shop-settle',
+    '/_studio/api/lounge/rules': 'lounge-rules', '/_studio/api/lounge/night': 'lounge-night', '/_studio/api/lounge/mod': 'lounge-mod',
+    '/_studio/api/lounge/remove': 'lounge-remove', '/_studio/api/lounge/hold': 'lounge-hold',
   };
   const op = OPS[path];
   if (!op || request.method !== 'POST') return json({ ok: false, error: 'not-found' }, 404);
   const checked = checkAction(cat, op, body);
   if (!checked.ok) return json(checked, 400);
   const action = checked.action;
-  if (op === 'server-create' || op === 'pass') action.origin = url.origin;
+  if (op === 'server-create' || op === 'pass' || op === 'lounge-night') action.origin = url.origin;
   if (op === 'refund') {
     // The ask and the confirm page say what the order is (its item and price), read from the books now.
     const o = await orderById(env, action.order);

package/worker/players.mjs

@@ -31,6 +31,7 @@ import { adoptStatements, bumpPlayerStats, dropPlayerData, fall, fallenList, get
 import { bytesToB64url, randomToken, sha256Hex, verifyAssertion, verifyRegistration } from './webauthn.mjs';
 import { ACCOUNT_JS, accountPage } from './account-page.mjs';
 import { forgetPlayerShop, livePurchases, shopDataOf } from './shop-store.mjs';
+import { forgetPlayerHistory, playerHistory } from './lounge-store.mjs';
 
 export const PLAYERS_MIGRATION_FILE = '0004_players.sql';
 export const PLAYERS_MIGRATION = `-- Players and cloud saves (@homie-rocks/studio 0.12.0): accounts on this studio only (saves/SAVES.md).
@@ -326,6 +327,8 @@ async function removePlayer(env, id) {
   try { await env.DB.prepare('DELETE FROM server_members WHERE player = ?1').bind(id).run(); } catch { /* not migrated */ }
   // What they bought goes with them; the orders stay, without the player (0.24.0; none before migration 0008).
   try { await env.DB.batch(forgetPlayerShop(env, id)); } catch { /* not migrated */ }
+  // Every line they said in a room that keeps its chat, the Lounge too (0.29.0; none before migration 0009).
+  await forgetPlayerHistory(env, id);
   await data.after();
 }
 
@@ -513,6 +516,8 @@ async function apiRoute(request, env, ctx, url, parts, { catalogueOf, read, f })
       games: await playerData(env, s.player.id),
       // The shop (0.24.0): their orders, what they own and the age band they gave; never a card or an email.
       ...(await shopDataOf(env, s.player.id).then((x) => (x ? { shop: x } : {}))),
+      // What they said in a room that keeps its chat, the Lounge too (0.29.0): each line, where and when.
+      ...(await playerHistory(env, s.player.id).then((x) => (x.length ? { chat: x } : {}))),
       note: 'Everything this studio keeps about this player. A passkey\'s private key never left your device; this site keeps only its public key.',
     };
     return json(body, 200, { 'content-disposition': `attachment; filename="${s.player.id}.json"` });

package/worker/room.mjs

@@ -45,7 +45,7 @@
  */
 import { aiName, skillPreset, stripAi } from './agents.mjs';
 import { DECIDE, checkArgs, checkDecide, talks, vocabularyOf } from './brain.mjs';
-import { CHAT_LIMITS, CHAT_RATES, HELD_WORDS, allows, cleanText, floor, normalizeChat, publicChat } from './chat.mjs';
+import { CHAT_LIMITS, CHAT_RATES, HELD_WORDS, allows, cleanText, floor, normalizeChat, publicChat, windowMsOf } from './chat.mjs';
 
 export const NET_VERSION = 1;
 /** The contract revision this relay speaks (NETPLAY.md): optional fields, frames and refusals; the wire stays `v: 1`. */
@@ -198,6 +198,13 @@ function clampPresses(p) {
   return n ? out : null;
 }
 
+/** A kept line the Worker read from the room's history (its id, name and sender's account), for a mute or a kick. */
+function keptRef(a) {
+  const k = a.kept && typeof a.kept === 'object' ? a.kept : null;
+  if (!k || k.id !== a.line || !k.from || typeof k.from.player !== 'string') return null;
+  return { id: k.id, name: oneLine(k.name, CHAT_LIMITS.name) || 'Someone', seat: null, from: { client: null, token: null, browser: null, player: k.from.player } };
+}
+
 export class NetRoom {
   /**
    * @param {object} o
@@ -301,6 +308,13 @@ export class NetRoom {
     this.chatReacts = [];
     this.chatPending = 0;
     this.review = null;
+    /**
+     * Kept chat (0.29.0): when the room's rules keep `history` days, the Table writes what is published (`onPublished`)
+     * and forgets what is taken down (`onUnsaid`), and puts the kept lines back in the window (`hydrate`) when it opens.
+     */
+    this.onPublished = null;
+    this.onUnsaid = null;
+    this.hydrated = false;
     /**
      * A game's own decisions (section 20): the host's typed questions, answered by the studio's decision model (the Table
      * sets `decider`; null: the host's floor answers), at most one every 3 s and 20 a minute a room, two at a time.
@@ -353,7 +367,8 @@ export class NetRoom {
     if (held) this.sendText(conn, JSON.stringify(held));
     // Room chat (section 19): the last few minutes, so a page that just opened has the conversation (never to a page the
     // studio holds out of the room, or a room it closed).
-    if ((!held || held.t === 'muted') && (!conn.hub || this.chatRules().hub)) this.sendText(conn, JSON.stringify({ t: 'lines', lines: this.recentChat().map((r) => this.wireLine(r)) }));
+    // A line of this browser's or this account's own says so (`mine`), on this page's copy only: it may take it down.
+    if ((!held || held.t === 'muted') && (!conn.hub || this.chatRules().hub)) this.sendText(conn, JSON.stringify({ t: 'lines', lines: this.recentChat().map((r) => (this.ownLine(r, conn) ? { ...this.wireLine(r), mine: true } : this.wireLine(r))) }));
     const rate = [];
     return {
       onClose: () => this.watchers.delete(conn),
@@ -366,6 +381,8 @@ export class NetRoom {
         try { m = JSON.parse(String(text)); } catch { return; }
         // Room chat from the shell (the play page, the big screen's page, the watch page, a homie.rocks room page).
         if (m && (m.t === 'say' || m.t === 'react')) { this.onChat({ conn }, m); return; }
+        // Their own message, taken down by its sender (0.29.0).
+        if (m && m.t === 'unsay') { const r = this.unsayOwn(conn, m.id); if (!r.ok) this.sendText(conn, JSON.stringify({ t: 'held', why: 'unknown', message: r.error === 'not-yours' ? 'Only its sender (or the studio) can take a message down.' : 'That message is gone already.' })); return; }
         if (!m || m.t !== 'vote' || !conn.browser) return;
         const c = this.live().find((o) => o.browser === conn.browser && o.seat !== null && !o.agent && !o.watch);
         if (c) this.onVote(c, m, conn);
@@ -962,14 +979,28 @@ export class NetRoom {
 
   /** The window a page that just opened gets: the last `keep` messages of the last `keepMs`. */
   recentChat(now = this.now()) {
-    return this.chatLog.filter((r) => now - r.at <= CHAT_LIMITS.keepMs).slice(-CHAT_LIMITS.keep);
+    const keep = windowMsOf(this.chatRules());
+    return this.chatLog.filter((r) => now - r.at <= keep).slice(-CHAT_LIMITS.keep);
+  }
+
+  /**
+   * The lines a room kept (its `history`, read back by the Table): into the window under what was said since, oldest
+   * first, never twice. A line taken down meanwhile is not in what the Table read.
+   */
+  hydrate(recs) {
+    const have = new Set(this.chatLog.map((r) => r.id));
+    const old = (Array.isArray(recs) ? recs : []).filter((r) => r && typeof r.id === 'string' && !have.has(r.id));
+    this.chatLog = [...old, ...this.chatLog].sort((a, b) => a.at - b.at).slice(-CHAT_LIMITS.keep);
+    this.hydrated = true;
+    return old.length;
   }
 
   /** A line or a reaction as every screen gets it (homie.rocks's room chat shapes: `line` and `react`). */
   wireLine(r) {
-    const base = { id: r.id, at: r.at, name: r.name, seat: r.seat, colour: r.colour, by: r.by, ...(r.bubble ? { bubble: true } : {}), ...(r.acct ? { acct: true } : {}), ...(r.owner ? { owner: true } : {}) };
+    const base = { id: r.id, at: r.at, name: r.name, seat: r.seat, colour: r.colour, by: r.by, ...(r.bubble ? { bubble: true } : {}), ...(r.acct ? { acct: true } : {}), ...(r.owner ? { owner: true } : {}), ...(r.mod ? { mod: true } : {}), ...(r.kept ? { kept: true } : {}) };
     if (r.kind === 'react') return { t: 'react', ...base, react: r.react, glyph: r.glyph };
-    return { t: 'line', ...base, text: r.text, ...(r.say ? { say: r.say } : {}) };
+    // A show-what-you-made card (0.29.0): a page that knows cards draws one; any other shows its words.
+    return { t: 'line', ...base, text: r.text, ...(r.say ? { say: r.say } : {}), ...(r.kind === 'card' && r.card ? { card: r.card } : {}) };
   }
 
   watchIdOf(conn) {
@@ -993,10 +1024,13 @@ export class NetRoom {
     const owner = via.split('~').includes('o');
     const seat = g ? g.seat : null;
     const handle = handleFor(g?.token || g?.browser || conn?.browser || `w-${this.watchIdOf(conn ?? g?.conn ?? {})}`);
-    const name = seat !== null ? g.name : oneLine(g?.typed, CHAT_LIMITS.name) || handle;
+    // A watcher's name: its game's, else the account name the Worker vouched for (the Lounge), else a handle.
+    const name = seat !== null ? g.name : oneLine(g?.typed, CHAT_LIMITS.name) || oneLine(conn?.name, CHAT_LIMITS.name) || handle;
     return {
       key: g ? `c:${g.id}` : `w:${this.watchIdOf(conn)}`, client: g, seat, name, colour: seat !== null ? g.colour : null,
       player: g?.player ?? conn?.player ?? null, acct: Boolean(g?.acct || conn?.acct), member: Boolean(g?.member || conn?.member) || owner,
+      // A moderator the owner named (the Lounge): only the Worker's word, shown on their lines.
+      mod: Boolean(conn?.mod) && !owner,
       owner, browser: g?.browser ?? conn?.browser ?? null, token: g?.token ?? null, ip: g?.ip ?? conn?.ip ?? null,
       watch: seat === null, hub: Boolean(conn?.hub) && !g, agent: Boolean(g?.agent), conn: conn ?? g?.conn ?? null,
     };
@@ -1075,7 +1109,7 @@ export class NetRoom {
     if (kind !== 'react') b.lastSayAt = now;
     Object.assign(rec, {
       name: who.name, seat: who.seat, colour: who.colour, by: who.hub ? 'hub' : who.watch ? 'watcher' : 'player',
-      bubble: m.bubble !== false && rules.bubbles && who.seat !== null, acct: who.acct, owner: who.owner,
+      bubble: m.bubble !== false && rules.bubbles && who.seat !== null, acct: who.acct, owner: who.owner, ...(who.mod ? { mod: true } : {}),
       // Only the office sees these: who sent it, so a mute or a kick from the line reaches them (never an address).
       from: { client: who.client?.id ?? null, token: who.token, browser: who.browser, player: who.player },
     });
@@ -1114,7 +1148,8 @@ export class NetRoom {
     rec.id = randomId(6);
     rec.at = now;
     this.chatLog.push(rec);
-    while (this.chatLog.length > CHAT_LIMITS.keep || (this.chatLog.length && now - this.chatLog[0].at > CHAT_LIMITS.keepMs)) this.chatLog.shift();
+    const keep = windowMsOf(this.chatRules());
+    while (this.chatLog.length > CHAT_LIMITS.keep || (this.chatLog.length && now - this.chatLog[0].at > keep)) this.chatLog.shift();
     const msg = this.wireLine(rec);
     const text = JSON.stringify(msg);
     const mine = n ? JSON.stringify({ ...msg, n }) : text;
@@ -1123,6 +1158,8 @@ export class NetRoom {
     for (const w of this.watchers) if (!w.hub || hub) this.sendText(w, w === senderConn ? mine : text);
     if (rec.kind === 'react') this.stats.chatReacts = (this.stats.chatReacts ?? 0) + 1;
     else this.stats.chatLines = (this.stats.chatLines ?? 0) + 1;
+    // Kept chat (0.29.0): a room whose rules keep history hands what was said to the Table (never a reaction).
+    if (rec.kind !== 'react' && this.chatRules().history > 0 && typeof this.onPublished === 'function') { try { this.onPublished(rec); } catch { /* kept next time */ } }
     return { ok: true, id: rec.id };
   }
 
@@ -1134,9 +1171,32 @@ export class NetRoom {
     const text = JSON.stringify({ t: 'unline', ids: [...gone] });
     for (const o of this.live()) if (!this.lite(o)) this.sendText(o.conn, text);
     for (const w of this.watchers) this.sendText(w, text);
+    // Kept chat: what is taken down here is deleted where it was kept, older lines than the window too.
+    if (typeof this.onUnsaid === 'function' && gone.size) { try { this.onUnsaid([...gone]); } catch { /* best effort */ } }
     return before - this.chatLog.length;
   }
 
+  /**
+   * A person takes their own message down (0.29.0): a watching shell of the browser or the signed-in account that sent
+   * it. Kept lines carry only the account, so a guest's own line comes down only while it is in this window.
+   */
+  /** Whether a line is this socket's own: its account's, or (a guest's) its browser's. */
+  ownLine(r, conn) {
+    const f = r?.from ?? {};
+    if (!conn || r?.kind === 'studio') return false;
+    return Boolean((conn.player && f.player && f.player === conn.player) || (conn.browser && f.browser && f.browser === conn.browser && !f.player));
+  }
+
+  unsayOwn(conn, id) {
+    if (typeof id !== 'string' || !/^[A-Za-z0-9_-]{1,16}$/.test(id)) return { ok: false, error: 'no-line' };
+    const r = this.chatLog.find((x) => x.id === id);
+    if (!r || r.kind === 'studio') return { ok: false, error: 'no-line' };
+    if (!this.ownLine(r, conn)) return { ok: false, error: 'not-yours' };
+    this.unsay([id]);
+    this.stats.chatOwnRemoved = (this.stats.chatOwnRemoved ?? 0) + 1;
+    return { ok: true, removed: 1 };
+  }
+
   /**
    * A mute or a kick for a chat line whose sender holds no socket in this room now (a watcher, a homie.rocks page): held
    * by that browser and account, as a kick holds a player's other tabs.
@@ -1303,7 +1363,8 @@ export class NetRoom {
     this.reapSeats(now);
     this.seatWaiting();
     // The chat window is minutes long; buckets of senders who went quiet are dropped.
-    while (this.chatLog.length && now - this.chatLog[0].at > CHAT_LIMITS.keepMs) this.chatLog.shift();
+    const keepMs = windowMsOf(this.chatRules());
+    while (this.chatLog.length && now - this.chatLog[0].at > keepMs) this.chatLog.shift();
     if (this.chatBuckets.size > 512) this.chatBuckets.clear();
     if (this.chatAddress.size > 512) this.chatAddress.clear();
     if (!this.live().some((c) => !c.agent) && this.emptySince && now - this.emptySince > this.forgetMs) {
@@ -1315,6 +1376,8 @@ export class NetRoom {
       this.level = null; this.levelBy = null; this.vote = null; this.agentsOut = null;
       // Room chat (section 19): an empty room forgets what was said, as it forgets everything else.
       this.chatLog = []; this.chatBuckets.clear(); this.chatAddress.clear(); this.chatReacts = [];
+      // A room that keeps history reads it back when somebody comes again (it is in D1, not here).
+      this.hydrated = false;
       this.seatsDirty = false; this.persistDirty = false;
       try { this.store?.clear?.(); } catch { /* best effort */ }
     }
@@ -1633,8 +1696,9 @@ export class NetRoom {
     this.mutes = this.mutes.filter((m) => m.until > now);
     switch (op) {
       case 'kick': {
-        // From a chat line (section 19): its sender, in this room now or not (a watcher with no seat is held too).
-        const line = typeof a.line === 'string' ? this.chatLog.find((r) => r.id === a.line) : null;
+        // From a chat line (section 19): its sender, in this room now or not (a watcher with no seat is held too). A line
+        // older than the window comes from the room's kept history (the Worker read it: its sender's account only).
+        const line = typeof a.line === 'string' ? this.chatLog.find((r) => r.id === a.line) ?? keptRef(a) : null;
         const target = this.findClient(a) ?? (line?.from?.client ? this.clients.get(line.from.client) ?? null : null);
         if (!target && line) return this.holdSender(line, minutes, now, { kick: true, message: oneLine(a.message, CONTROL_LIMITS.message) || 'The studio removed you from this room.', purge: a.purge === true });
         if (!target) return { ok: false, error: 'no-player', message: 'nobody is in that seat now' };
@@ -1664,7 +1728,7 @@ export class NetRoom {
         return { ok: true, op, name: ban.name, seat: ban.seat, sockets: out.length, until, ...(purged ? { removed: purged } : {}) };
       }
       case 'mute': {
-        const line = typeof a.line === 'string' ? this.chatLog.find((r) => r.id === a.line) : null;
+        const line = typeof a.line === 'string' ? this.chatLog.find((r) => r.id === a.line) ?? keptRef(a) : null;
         const target = this.findClient(a) ?? (line?.from?.client ? this.clients.get(line.from.client) ?? null : null);
         if (!target && line && a.off !== true) return this.holdSender(line, minutes, now, { kick: false, purge: a.purge === true });
         if (!target) return { ok: false, error: 'no-player', message: 'nobody is in that seat now' };
@@ -1680,6 +1744,43 @@ export class NetRoom {
         this.tellWatchers();
         return { ok: true, op, name: line?.name ?? target.name, seat: target.seat, until, ...(purged ? { removed: purged } : {}) };
       }
+      case 'card': {
+        // Show what you made (0.29.0): a link card to a studio's game, which the Worker read from that studio's own
+        // manifest and checked (its words passed the floor and the review there). Its sender's name and account are the
+        // Worker's word; a mute holds a card as it holds a line.
+        const c = a.card && typeof a.card === 'object' ? a.card : null;
+        if (!c || typeof c.url !== 'string' || !/^https?:\/\//.test(c.url)) return { ok: false, error: 'card', message: 'no card' };
+        const who = { token: null, browser: typeof a.browser === 'string' ? a.browser : null, player: typeof a.player === 'string' ? a.player : null, ip: null };
+        if (a.owner !== true && this.banOf(who, null)) return { ok: false, error: 'kicked', message: 'The studio has held you out of this room for now.' };
+        if (a.owner !== true && this.muteOf(who)) return { ok: false, error: 'muted', message: HELD_WORDS.muted };
+        const card = { url: c.url.slice(0, 300), title: oneLine(c.title, 80), studio: oneLine(c.studio, 60), pitch: oneLine(c.pitch, 160), image: typeof c.image === 'string' && /^https:\/\//.test(c.image) ? c.image.slice(0, 400) : null, ...(typeof c.game === 'string' ? { game: c.game.slice(0, 40) } : {}) };
+        const note = oneLine(a.note, CHAT_LIMITS.text);
+        const rules = this.chatRules();
+        if (rules.mode !== 'text' && a.owner !== true) return { ok: false, error: 'held', why: rules.mode === 'off' ? 'off' : 'lines', message: 'The Lounge isn\'t taking cards right now.' };
+        // The card's words (the person's note, the game's own title and pitch) pass the floor like any typed line.
+        const words = [note, card.title, card.pitch].filter(Boolean).join(' · ');
+        const f = floor(words, { ...rules, links: 'block' });
+        if (!f.ok && a.owner !== true) return { ok: false, error: 'held', why: f.why, message: HELD_WORDS[f.why] ?? HELD_WORDS.unknown };
+        const rec = {
+          kind: 'card', card, text: note || `Made: ${card.title}${card.studio ? ` by ${card.studio}` : ''}`,
+          name: oneLine(a.name, CHAT_LIMITS.name) || 'Someone', seat: null, colour: null, by: 'watcher', bubble: false,
+          acct: a.acct === true, owner: a.owner === true, ...(a.mod === true ? { mod: true } : {}),
+          from: { client: null, token: null, browser: who.browser, player: who.player },
+        };
+        // And the studio's review, as a typed line gets it (the owner's own card is never reviewed).
+        if (rules.ai && typeof this.review === 'function' && a.owner !== true) {
+          return Promise.resolve()
+            .then(() => this.review(words, { room: this.code, links: 'block' }))
+            .then((v) => v, () => ({ ok: true, by: 'error' }))
+            .then((v) => {
+              if (v && v.ok === false) { this.stats.chatAiHeld = (this.stats.chatAiHeld ?? 0) + 1; return { ok: false, error: 'held', why: 'ai', message: HELD_WORDS.ai }; }
+              rec.review = { by: v?.by ?? 'ai' };
+              if (this.muteOf(who)) return { ok: false, error: 'muted', message: HELD_WORDS.muted };
+              return { ...this.publishChat(rec), op };
+            });
+        }
+        return { ...this.publishChat(rec), op };
+      }
       case 'unsay': {
         // Room chat (section 19): the owner takes a message down (or every message: `all`), on every screen at once.
         const ids = a.all === true ? this.chatLog.map((r) => r.id) : (Array.isArray(a.ids) ? a.ids : [a.id]).filter((x) => typeof x === 'string' && /^[A-Za-z0-9_-]{1,16}$/.test(x)).slice(0, 64);
@@ -1863,6 +1964,7 @@ export class NetRoom {
           rules: this.chatRules(),
           pending: this.chatPending,
           lines: this.recentChat(now).map((r) => ({ ...this.wireLine(r), kind: r.kind, client: r.from?.client ?? null, player: r.from?.player ?? null, browser: browserTag(r.from?.browser), ...(r.review ? { review: r.review } : {}) })),
+          history: this.chatRules().history ?? 0,
         },
         // A game's own decisions (section 20): how many, who answered, the model's time and neurons (never a state).
         ...(this.stats.decides ? { decides: { n: this.stats.decides, by: { ...this.stats.decided }, msP50: [...this.stats.decideMs].sort((x, y) => x - y)[Math.floor(this.stats.decideMs.length / 2)] ?? null, neurons: Math.round((this.stats.decideNeurons ?? 0) * 100) / 100 } } : {}),
@@ -1895,6 +1997,8 @@ export class NetRoom {
         screens: live.filter((c) => c.seat === null).length,
         waiting: live.filter((c) => c.waiting).length,
         watchers: live.filter((c) => c.watch).length,
+        // Watching shells (pages with no game socket: the watch page, homie.rocks, the Lounge), 0.29.0.
+        shells: this.watchers.size,
         humans: slots.filter((s) => s && !s.bot && !s.agent).length,
         bots: slots.filter((s) => s && s.bot && !s.agent).length,
         // Every AI body: a slot marked AI (an agent, or a seat kept for one), else the agents seated.

package/worker/site.mjs

@@ -53,8 +53,11 @@ const I = {
   spark: '<path d="M12 3v4M12 17v4M3 12h4M17 12h4M6 6l2.5 2.5M15.5 15.5 18 18M6 18l2.5-2.5M15.5 8.5 18 6"/>',
   home: '<path d="M4 11.5 12 5l8 6.5V20H4z"/><path d="M10 20v-5h4v5"/>',
   eye: '<path d="M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12Z"/><circle cx="12" cy="12" r="3"/>',
+  lounge: '<path d="M4.5 5h15A1.5 1.5 0 0 1 21 6.5v8a1.5 1.5 0 0 1-1.5 1.5H10l-4.5 3.5V16h-1A1.5 1.5 0 0 1 3 14.5v-8A1.5 1.5 0 0 1 4.5 5Z"/><path d="M8 9.5h8M8 12.5h5"/>',
+  calendar: '<rect x="3.5" y="5" width="17" height="15" rx="2.5"/><path d="M3.5 10h17M8 3v4M16 3v4"/>',
+  plus: '<path d="M12 5v14M5 12h14"/>',
 };
-const icon = (name, cls = 'ico') => `<svg class="${cls}" viewBox="0 0 24 24" aria-hidden="true" focusable="false" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">${I[name] ?? ''}</svg>`;
+export const icon = (name, cls = 'ico') => `<svg class="${cls}" viewBox="0 0 24 24" aria-hidden="true" focusable="false" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">${I[name] ?? ''}</svg>`;
 const PLAY_ICON = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M7 4.8v14.4a1 1 0 0 0 1.5.86l12-7.2a1 1 0 0 0 0-1.72l-12-7.2A1 1 0 0 0 7 4.8Z" fill="currentColor"/></svg>';
 /** Homie's mark, for the "Made with Homie" footer. */
 const HOMIE_MARK = '<svg class="homie" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M3.5 11.2 12 4.5l8.5 6.7V20a.5.5 0 0 1-.5.5h-5v-5.5h-6v5.5H4a.5.5 0 0 1-.5-.5Z" fill="currentColor"/></svg>';
@@ -558,6 +561,8 @@ export function sectionsOf(cat) {
     (cat.videos ?? []).length > 0 && { key: 'videos', href: '/videos/', label: 'Videos' },
     games && { key: 'rooms', href: '/rooms/', label: 'Rooms' },
     (cat.posts ?? []).length > 0 && { key: 'posts', href: '/posts/', label: 'Posts' },
+    // The Lounge (0.29.0): the studio's own community room, when studio.json turns it on.
+    cat.studio?.lounge && { key: 'lounge', href: '/lounge/', label: cat.studio.lounge.tab ?? 'Lounge' },
   ].filter(Boolean);
 }
 

package/worker/version.mjs

@@ -1,2 +1,2 @@
 /** The @homie-rocks/studio version this Worker code is (package.json's; a test keeps them equal). Cache-busts /_homie/site.js. */
-export const STUDIO_VERSION_TAG = '0.28.0';
+export const STUDIO_VERSION_TAG = '0.29.0';