agents-city 0.4.0 → 0.5.2

package/benchmarks/latency/fake-claude-cli.mjs

@@ -72,6 +72,7 @@ function runNext() {
   working = true;
   const message = queue.shift();
   const text = userText(message);
+  const delay = behavior() === 'slow' ? 350 : 5;
   setTimeout(() => {
     emit({
       type: 'assistant',
@@ -95,7 +96,7 @@ function runNext() {
       working = false;
       runNext();
     }, 5);
-  }, 5);
+  }, delay);
 }
 
 function userText(message) {

package/benchmarks/reception/README.md

@@ -0,0 +1,16 @@
+# Local reception ingest
+
+This measures the durable, human-quarantine boundary only: decrypted messages
+committed to private local SQLite in protocol-v4 batches. It uses no network,
+relay, model, or fake model latency.
+
+Build the public client, then run the 1,000-message/second gate:
+
+```bash
+npm --prefix plugin/channel run build
+node benchmarks/reception/run.mjs --messages 1000 --batch-size 32 --minimum 1000
+```
+
+Passing this gate says the computer can quarantine the offered transport load
+without loss. It does not say a human or model can answer 1,000 requests per
+second. Pending-count and byte caps apply backpressure when review falls behind.

package/benchmarks/reception/run.mjs

@@ -0,0 +1,84 @@
+#!/usr/bin/env node
+/** Reproducible local reception-ingest capacity check. No network or model. */
+
+import { mkdtempSync, rmSync } from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { DatabaseSync } from 'node:sqlite';
+import {
+  receptionDatabasePath,
+  recordReceptionMessages,
+} from '../../plugin/channel/managed-connect-client.js';
+
+const integerArg = (name, fallback, minimum, maximum) => {
+  const index = process.argv.indexOf(name);
+  const value = index >= 0 ? Number(process.argv[index + 1]) : fallback;
+  if (!Number.isSafeInteger(value) || value < minimum || value > maximum) {
+    throw new Error(`${name} must be an integer from ${minimum} to ${maximum}`);
+  }
+  return value;
+};
+
+const total = integerArg('--messages', 1_000, 1, 100_000);
+const batchSize = integerArg('--batch-size', 32, 1, 32);
+const minimum = integerArg('--minimum', 1_000, 1, 1_000_000);
+const root = mkdtempSync(join(tmpdir(), 'agents-city-reception-bench-'));
+const context = {
+  dataDir: root,
+  appHome: root,
+  runtimeDir: join(root, '.runtime', 'bus', 'city-target'),
+  owner: 'owner',
+  city: { id: 'city_target', address: 'owner/target', name: 'Target' },
+  domain: 'custom',
+  seatRole: '',
+  actors: { seat: { role: 'chair' } },
+  engines: { seat: 'claude' },
+  roads: [],
+};
+const envelope = (index) => ({
+  protocol: 'agents-city-bus/2',
+  id: `managed_bench_${String(index).padStart(8, '0')}`,
+  kind: 'road.message',
+  scope: 'road',
+  thread: null,
+  from: { city: 'peer/source', actor: 'seat', role: 'external-seat' },
+  to: { city: context.city.address, actor: 'seat' },
+  createdAt: '2026-08-28T12:00:00.000Z',
+  payload: {
+    text: 'x'.repeat(256),
+    transport: 'managed-e2ee',
+    roadId: 'road_benchmark',
+    remoteMessageId: String(index),
+  },
+});
+
+try {
+  // Exclude schema creation and first WAL setup from steady ingest.
+  recordReceptionMessages(context, [envelope(total)]);
+  const messages = Array.from({ length: total }, (_, index) => envelope(index));
+  const started = performance.now();
+  for (let index = 0; index < messages.length; index += batchSize) {
+    recordReceptionMessages(context, messages.slice(index, index + batchSize));
+  }
+  const seconds = (performance.now() - started) / 1_000;
+  const database = new DatabaseSync(receptionDatabasePath(root), { readOnly: true });
+  const persisted = Number(
+    database.prepare('SELECT COUNT(*) AS count FROM reception_messages').get().count,
+  ) - 1;
+  database.close();
+  const messagesPerSecond = total / seconds;
+  const result = {
+    messages: total,
+    batchSize,
+    persisted,
+    lost: total - persisted,
+    seconds: Number(seconds.toFixed(3)),
+    messagesPerSecond: Number(messagesPerSecond.toFixed(1)),
+    minimum,
+    passed: persisted === total && messagesPerSecond >= minimum,
+  };
+  console.log(JSON.stringify(result, null, 2));
+  if (!result.passed) process.exitCode = 1;
+} finally {
+  rmSync(root, { recursive: true, force: true });
+}

package/bin/agents-city.js

@@ -25,6 +25,7 @@ const ORDENES = {
   cities: { que: ['bin/cities'], di: 'list, create or select your cities' },
   agents: { que: ['bin/agents'], di: 'list agents and manage their workspace mounts' },
   road: { que: ['bin/road'], di: 'connect two cities explicitly' },
+  connect: { que: ['bin/connect'], di: 'pair this computer and open encrypted managed Roads' },
   bus: { que: ['bin/bus'], di: 'send information over those roads (seat only)' },
   committee: { que: ['bin/committee'], di: 'chair-mediated work with repo agents' },
   benchmark: { que: ['bin/benchmark'], di: 'offline stress/governance or opt-in live runtime latency' },

package/bin/connect

@@ -0,0 +1,5 @@
+#!/usr/bin/env bash
+# Pair this computer and connect one or more local cities to managed Roads.
+set -euo pipefail
+ROOT="$(cd "$(dirname "$0")/.." && pwd)"
+exec node "$ROOT/plugin/channel/managed-connect-cli.js" "$@"

package/bin/hall.html

@@ -79,11 +79,6 @@ button,input,select{font:inherit;color:inherit}
    fallback keeps today's behaviour until somebody grabs it. */
 #app{display:grid;grid-template-columns:250px minmax(420px,1fr) var(--live-ancho,minmax(420px,500px));height:100%}
 @media(max-width:1180px){#app{grid-template-columns:210px minmax(360px,1fr) var(--live-ancho,390px)}}
-@media(max-width:900px){#app{grid-template-columns:minmax(0,1fr) var(--live-ancho,320px);grid-template-rows:auto 1fr}
-  nav{grid-column:1/-1;border-right:none;border-bottom:1px solid var(--linea);padding:10px 0}
-  nav .marca,nav .pie{display:none}nav ol{display:flex;overflow-x:auto;gap:4px}}
-@media(max-width:680px){#app{grid-template-columns:1fr;grid-template-rows:auto 1fr}
-  #livePanel{display:none}}
 
 /* ── rail ───────────────────────────────────────────────────────────────── */
 nav{background:var(--suelo2);border-right:1px solid var(--linea);padding:20px 0 16px;
@@ -241,6 +236,79 @@ input[type=text]:focus,select:focus{outline:none;border-color:var(--lampara)}
 .dos{display:grid;grid-template-columns:1fr 1fr;gap:13px}
 @media(max-width:640px){.dos{grid-template-columns:1fr}}
 
+/* owner reception: remote text is displayed, never interpreted by the page */
+.recModo{display:flex;align-items:center;justify-content:space-between;gap:18px;
+  padding:13px 15px;background:var(--suelo2);border:1px solid var(--linea);border-radius:5px}
+.recModo>div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 10px}
+.recModo .et2{font:600 9px var(--hud);letter-spacing:.12em;text-transform:uppercase;
+  color:var(--tinta3)}
+.recModo b{font:600 13px var(--hud);color:var(--tinta)}
+.recModo p{grid-column:1/-1;margin:0;color:var(--tinta3);font-size:12px}
+.recAutoConfig{margin:8px 0 18px;padding:14px;background:var(--suelo2);border:1px solid var(--linea);
+  border-radius:6px;display:grid;gap:13px}.recAutoConfig fieldset{display:flex;gap:16px;border:0;
+  padding:0;margin:0}.recAutoConfig legend{font:600 9px var(--hud);letter-spacing:.1em;
+  text-transform:uppercase;color:var(--tinta3);margin-bottom:7px}.recAutoConfig fieldset label{
+  font:11px var(--hud)}.recAutoConfig input[type=radio]{accent-color:var(--lampara)}
+.recReglas{display:grid;gap:7px}.recReglas>p,.recAutoAviso{margin:0;color:var(--tinta3);
+  font-size:11px}.recReglas label{display:grid;grid-template-columns:minmax(150px,.4fr) minmax(0,1fr);
+  gap:10px;align-items:center}.recReglas label span b,.recReglas label span small{display:block}
+.recReglas label span b{font:600 11px var(--hud)}.recReglas label span small{font:9px var(--mono);
+  color:var(--tinta3)}.recAutoConfig>button{justify-self:start}
+.recConexiones{margin:18px 0;padding:14px;background:var(--suelo2);border:1px solid var(--linea);
+  border-radius:7px}.recSeccion{display:flex;align-items:baseline;justify-content:space-between;
+  gap:12px;margin-bottom:10px}.recSeccion b{font:600 13px var(--hud)}
+.recSeccion span{font:10px var(--mono);color:var(--tinta3)}
+.recCompose{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;
+  background:var(--suelo3);border:1px solid var(--linea);border-radius:5px}
+.recCompose label{display:grid;gap:5px}.recCompose label span{font:600 9.5px var(--hud);
+  letter-spacing:.09em;text-transform:uppercase;color:var(--tinta3)}
+.recComposePersona{grid-column:1/-1}.recComposePersona select{width:100%;font:12px var(--hud)}
+.recComposeTexto{grid-column:1/-1}.recCompose textarea{width:100%;
+  min-height:66px;resize:vertical}.recCompose button{grid-column:2;justify-self:end}
+.recResumen{display:flex;align-items:baseline;gap:9px;padding-bottom:10px;
+  border-bottom:1px solid var(--linea)}
+.recResumen b{font:500 25px var(--mono)}
+.recResumen span{font:600 11px var(--hud);text-transform:uppercase;letter-spacing:.08em}
+.recResumen small{margin-left:auto;font:10px var(--mono);color:var(--tinta3)}
+.recMensajes{display:flex;flex-direction:column;gap:12px;margin-top:12px}
+.recMensaje{background:var(--suelo2);border:1px solid var(--linea);border-radius:7px;
+  overflow:hidden;box-shadow:var(--sombra)}
+.recMensaje>header{display:flex;align-items:center;justify-content:space-between;gap:12px;
+  padding:11px 14px;border-bottom:1px solid var(--linea);font:10px var(--mono);color:var(--tinta3)}
+.recMensaje>header>div{display:flex;align-items:center;gap:9px;min-width:0}
+.recOrigen{color:var(--tinta);font-weight:600;overflow:hidden;text-overflow:ellipsis}
+.recSeguro{color:var(--verde);font:600 9px var(--hud);letter-spacing:.06em;text-transform:uppercase;
+  white-space:nowrap}
+.recTexto{margin:0;padding:17px 16px;white-space:pre-wrap;overflow-wrap:anywhere;
+  background:var(--suelo3);color:var(--tinta);border:0;font:13px/1.55 var(--mono);
+  max-height:280px;overflow-y:auto}
+.recAcciones{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.42fr);gap:14px;
+  padding:14px;border-top:1px solid var(--linea)}
+.recAcciones form{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
+.recAcciones fieldset{border:0;padding:0;margin:0;width:100%;min-width:0}
+.recAcciones legend,.recAcciones details>summary,.recAcciones form>label{font:600 9.5px var(--hud);
+  letter-spacing:.09em;text-transform:uppercase;color:var(--tinta3)}
+.recDestinos{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:6px;
+  margin-top:7px}
+.recDestino{display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid var(--linea);
+  border-radius:4px;background:var(--suelo3);cursor:pointer;min-width:0}
+.recDestino:has(input:checked){border-color:var(--lampara);background:var(--burbuja-mia)}
+.recDestino input{accent-color:var(--lampara);flex:none}
+.recDestino span{min-width:0}.recDestino b,.recDestino small{display:block;overflow:hidden;
+  text-overflow:ellipsis;white-space:nowrap}
+.recDestino b{font:600 11px var(--hud)}.recDestino small{font:9px var(--mono);color:var(--tinta3)}
+.recAcciones details{padding-top:2px}.recAcciones details>summary{cursor:pointer;color:var(--carta)}
+.recAcciones details form{margin-top:10px}.recAcciones details input{width:100%}
+.recAvisoAccion{display:flex;justify-content:flex-end;padding:12px 14px;border-top:1px solid var(--linea)}
+.recVacia,.recError{padding:24px;border:1px dashed var(--linea2);border-radius:6px;
+  color:var(--tinta3);text-align:center}
+.recVacia b{font:600 14px var(--hud);color:var(--tinta)}.recVacia p{margin:5px 0 0}
+.recError{color:var(--carta);text-align:left;font:12px var(--mono)}
+@media(max-width:760px){.recAcciones{grid-template-columns:1fr}.recMensaje>header{align-items:flex-start;
+  flex-direction:column}.recResumen{flex-wrap:wrap}.recResumen small{margin-left:0;width:100%}
+  .recSeccion,.recCompose label{align-items:flex-start;flex-direction:column}
+  .recReglas label{grid-template-columns:1fr}}
+
 /* districts + parcels */
 .tr{display:flex;align-items:center;gap:10px;background:var(--suelo2);
   border-bottom:1px solid var(--linea);padding:9px 13px}
@@ -279,7 +347,7 @@ input[type=text]:focus,select:focus{outline:none;border-color:var(--lampara)}
   padding:2px 7px;border-radius:8px;color:#0f172a;font-weight:600}
 .kindChip.code{background:#3b82f6}.kindChip.knowledge{background:#8b5cf6;color:#f4efe5}
 .kindChip.coordinator{background:#f59e0b}
-.rpgRol,.rpgRun,.rpgHogar{font:10.5px var(--mono);color:var(--tinta3)}
+.rpgRol,.rpgHogar{font:10.5px var(--mono);color:var(--tinta3)}
 .rpgRun{color:var(--tinta2)}
 .rpgFila{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:8px;align-items:center}
 .rpgFila label,.rpgSkills label{font:600 9px var(--hud);letter-spacing:.09em;
@@ -347,7 +415,6 @@ body.enGuia #app{grid-template-columns:250px minmax(0,1fr)}
 .bvOpcion:hover{border-color:var(--lampara)}
 .bvOpcion.elegida{border-color:var(--lampara);background:var(--burbuja-mia);
   box-shadow:inset 3px 0 0 var(--lampara)}
-.bvChips{display:flex;flex-wrap:wrap;gap:6px}
 .bvChip{border:1px solid var(--linea2);background:var(--suelo2);color:var(--tinta2);
   font:11px var(--mono);padding:5px 10px;border-radius:999px;cursor:pointer}
 .bvChip:hover{border-color:var(--lampara)}
@@ -368,10 +435,6 @@ body.enGuia #app{grid-template-columns:250px minmax(0,1fr)}
 .dlg .campo input:focus,.dlg .campo select:focus{outline:none;border-color:var(--lampara)}
 .dlgBotones{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}
 .dlgBotones .bt[disabled]{opacity:.45;cursor:not-allowed}
-.bvClase{font:600 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;
-  opacity:.55;font-style:normal;margin-right:6px}
-.bvChip.cl-docs .bvClase{color:var(--verde);opacity:.85}
-.bvChip.cl-worktree .bvClase{color:var(--lampara);opacity:.85}
 .bt.bvMini{padding:7px 12px;font-size:11px;white-space:nowrap}
 .exp{border:1px solid var(--linea2);border-radius:5px;background:var(--suelo);
   padding:8px;margin-bottom:10px}
@@ -390,8 +453,9 @@ body.enGuia #app{grid-template-columns:250px minmax(0,1fr)}
 .expMiga{border:0;background:none;color:var(--tinta2);font:11px var(--mono);
   padding:1px 3px;cursor:pointer;border-radius:3px}
 .expMiga:hover{color:var(--lampara);background:var(--suelo3)}
-.expLista{max-height:240px;overflow:auto;border-top:1px solid var(--linea);
+.expLista{max-height:min(46vh,420px);overflow:auto;border-top:1px solid var(--linea);
   border-bottom:1px solid var(--linea)}
+.expCuenta{margin:0 0 6px;font:10px var(--mono);color:var(--tinta3)}
 .expFila{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--linea)}
 .expFila:last-child{border-bottom:0}
 .expFila.puesta{background:var(--burbuja-mia)}
@@ -441,6 +505,7 @@ body.enGuia #app{grid-template-columns:250px minmax(0,1fr)}
   margin-bottom:12px}
 .demoBarra i{display:block;height:100%;background:var(--lampara);
   transition:width .35s ease}
+.dlg .expLista{max-height:min(38vh,320px)}
 .demoPlayer .liveLista{max-height:calc(100vh - 300px);border:1px solid var(--linea);
   border-radius:7px;background:var(--panel);padding:16px}
 .bvMotor{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:6px}
@@ -583,6 +648,39 @@ body.enGuia #app{grid-template-columns:250px minmax(0,1fr)}
   letter-spacing:.03em}.liveEvidence[open] summary,.liveFull[open] summary{color:var(--tono)}
 .liveEvidence ul{margin:7px 0 0;padding-left:16px;color:var(--tinta3);font-size:11.5px;line-height:1.45}
 .liveEvidence li+li{margin-top:4px}.liveFull p{margin-top:7px;color:var(--tinta3);font-size:11.5px}
+
+/* Keep responsive overrides after the base rail and live-panel rules. Placing
+   them before those rules made the desktop declarations win in the cascade,
+   leaving the actual Hall content at zero height on a phone. */
+@media(max-width:900px){
+  #app{grid-template-columns:minmax(0,1fr) var(--live-ancho,320px);
+    grid-template-rows:auto minmax(0,1fr)}
+  body.enGuia #app{grid-template-columns:minmax(0,1fr);
+    grid-template-rows:auto minmax(0,1fr)}
+  nav{grid-column:1/-1;grid-row:1;border-right:0;border-bottom:1px solid var(--linea);
+    padding:8px 10px;display:flex;flex-direction:row;align-items:center;gap:8px;
+    overflow-x:auto;overflow-y:hidden}
+  nav .marca,nav .pie,nav #ciudades,nav #railOtras{display:none}
+  .railCiudad{margin:0;min-width:154px;flex:0 0 auto;padding:7px 10px}
+  .railCiudad .railEtiqueta,.railCiudad .railDe{display:none}
+  nav ol{padding:0;display:flex;flex:1 0 auto;flex-direction:row;gap:4px}
+  nav li{padding:8px 9px}
+  main{grid-column:1;grid-row:2}
+  #livePanel{grid-column:2;grid-row:2}
+  .cuerpo{padding:28px 30px 52px}
+}
+@media(max-width:680px){
+  #app{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
+  #livePanel{display:none;grid-column:1;grid-row:2}
+  main{grid-column:1;grid-row:2}
+  .cuerpo{padding:24px 18px 48px}
+  .cuerpo>.dentro{gap:20px}
+  .recModo{align-items:stretch;flex-direction:column;gap:10px}
+  .recModo>button{align-self:flex-start}
+  .recAutoConfig fieldset{flex-direction:column;gap:8px}
+  .recCompose{grid-template-columns:1fr}
+  .recCompose button{grid-column:1;justify-self:stretch}
+}
 </style>
 </head>
 <body>
@@ -617,19 +715,19 @@ body.enGuia #app{grid-template-columns:250px minmax(0,1fr)}
       aria-label="Resize the live panel" title="Drag to resize · double-click to reset"></div>
     <header>
       <div class="liveTop"><span class="liveDot" id="liveDot"></span>
-        <h2>City live</h2><span id="liveState">waiting</span></div>
-      <p>A moderated conversation over the WebSocket bus. The seat routes each turn;
+        <h2 data-i18n>City live</h2><span id="liveState" data-i18n>waiting</span></div>
+      <p data-i18n>A moderated conversation over the WebSocket bus. The seat routes each turn;
         private model reasoning is never shown or stored.</p>
       <div class="liveControls">
         <select id="liveFilter" aria-label="Filter live activity by conversation">
-          <option value="">all conversations</option>
+          <option value="" data-i18n>all conversations</option>
         </select>
-        <button id="liveWorkToggle" type="button" aria-pressed="false">show work</button>
+        <button id="liveWorkToggle" type="button" aria-pressed="false" data-i18n>show work</button>
       </div>
       <div id="liveContext" hidden></div>
     </header>
     <ol id="liveEvents" aria-live="polite">
-      <li class="liveEmpty">Start the city session. Its visible conversation will appear here as it happens.</li>
+      <li class="liveEmpty" data-i18n>Start the city session. Its visible conversation will appear here as it happens.</li>
     </ol>
   </aside>
 </div>
@@ -638,7 +736,8 @@ body.enGuia #app{grid-template-columns:250px minmax(0,1fr)}
   <div class="edCaja">
     <div class="edCab"><b id="edTitulo"></b><span id="edLector"></span>
       <button id="edCerrar" type="button" aria-label="Close">×</button></div>
-    <textarea id="edTexto" spellcheck="false"></textarea>
+    <textarea id="edTexto" name="instruction" aria-label="Agent instructions"
+      spellcheck="false"></textarea>
     <div class="edPie"><span id="edRuta"></span>
       <button id="edGuardar" type="button" class="bt ppal">Save</button></div>
   </div>

package/bin/navegador.mjs

@@ -438,6 +438,67 @@ async function main() {
       JSON.stringify(alta),
     );
 
+    // Human reception must scale by people, not by duplicated composers. With
+    // thirty connections the review queue still comes first, then one compact
+    // composer whose recipient is selected explicitly.
+    const reception = await cdp.evalua(`(async () => {
+      const ir = [...document.querySelectorAll('nav li')]
+        .find(l => /reception|recepci[oó]n/i.test(l.textContent));
+      if (!ir) return { falta: 'no reception entry' };
+      ir.click();
+      for (let i = 0; i < 40; i++) {
+        if (document.querySelector('.recMensaje')) break;
+        await new Promise(r => setTimeout(r, 250));
+      }
+      const message = document.querySelector('.recMensaje');
+      const compose = document.querySelector('.recConexiones');
+      const route = document.querySelector('[data-rec-route] button[type=submit]');
+      const rejection = document.querySelector('.recAcciones details');
+      return {
+        navRole: ir.getAttribute('role'),
+        navTabIndex: ir.getAttribute('tabindex'),
+        messages: document.querySelectorAll('.recMensaje').length,
+        composers: document.querySelectorAll('.recCompose').length,
+        recipients: document.querySelectorAll('.recCompose select[name=connection] option').length,
+        reviewFirst: !!message && !!compose &&
+          !!(message.compareDocumentPosition(compose) & Node.DOCUMENT_POSITION_FOLLOWING),
+        route: route?.textContent?.trim() ?? '',
+        rejection: rejection?.textContent?.trim() ?? '',
+      };
+    })()`);
+    comprueba(
+      'thirty connected people use one recipient picker, not thirty message boxes',
+      reception?.navRole === 'button' && reception?.navTabIndex === '0' &&
+        reception?.composers === 1 && reception?.recipients === 30,
+      JSON.stringify(reception),
+    );
+    comprueba(
+      'pending messages stay above composing and use distinct route/reject language',
+      reception?.messages === 1 && reception?.reviewFirst === true &&
+        /route|dirigir/i.test(reception?.route ?? '') &&
+        /reason|motivo/i.test(reception?.rejection ?? ''),
+      JSON.stringify(reception),
+    );
+    const routed = await cdp.evalua(`(async () => {
+      const form = document.querySelector('[data-rec-route]');
+      const checkbox = form?.querySelector('input[name=destination]');
+      const button = form?.querySelector('button[type=submit]');
+      if (!form || !checkbox || !button) return { falta: true };
+      checkbox.click();
+      if (button.disabled) return { disabled: true };
+      button.click();
+      for (let i = 0; i < 40; i++) {
+        if (!document.querySelector('.recMensaje')) return { removed: true };
+        await new Promise(r => setTimeout(r, 250));
+      }
+      return { removed: false };
+    })()`);
+    comprueba(
+      'choosing a city and routing removes the message from human quarantine',
+      routed?.removed === true,
+      JSON.stringify(routed),
+    );
+
     // The demo shelf: three cards, and a player that actually advances.
     const demo = await cdp.evalua(`(async () => {
       const espera = async (sel, n = 40) => {
@@ -492,6 +553,114 @@ async function main() {
       JSON.stringify(demo?.dice),
     );
 
+    // Building a house for real: type a name, press the button, get a house.
+    //
+    // The suite used to open this form, check its fields existed and press
+    // Escape — so the one thing it is FOR was never exercised. What that hid:
+    // the roles list arrives a few hundred milliseconds after the form opens,
+    // the form repainted when it did, and the repaint redrew the name field
+    // from a state that had never been told what was typed in it. Typing while
+    // that answer was in flight lost the name, and then the button said to
+    // give it one. Intermittent, which is the worst kind.
+    //
+    // So this types IMMEDIATELY, before the roles can land, which is exactly
+    // what a person does.
+    const construida = await cdp.evalua(`(async () => {
+      const espera = async (sel, n = 40) => {
+        for (let i = 0; i < n; i++) {
+          const el = document.querySelector(sel);
+          if (el) return el;
+          await new Promise(r => setTimeout(r, 250));
+        }
+        return null;
+      };
+      const ir = [...document.querySelectorAll('nav li')].find(l => /houses|casas/i.test(l.textContent));
+      ir?.click();
+      await new Promise(r => setTimeout(r, 600));
+      document.getElementById('altaAgente')?.click();
+      const campo = await espera('.dlgFondo #bvNombre');
+      if (!campo) return { falta: true };
+      // Straight away: the roles request is still in flight right now.
+      campo.value = 'urgencias';
+      campo.dispatchEvent(new Event('input', { bubbles: true }));
+      // Long enough for that answer to land and do whatever it does.
+      await new Promise(r => setTimeout(r, 1500));
+      const sobrevive = (document.querySelector('.dlgFondo #bvNombre') || {}).value;
+      const boton = document.querySelector('.dlgFondo [data-dlg="si"]');
+      boton?.click();
+      const leeNombres = () =>
+        [...document.querySelectorAll('.fichaRPG h3')].map(h => h.textContent.trim());
+      // Wait for the house, not for a guess at how long building takes. A
+      // fixed sleep here made this check itself flaky, which is the one thing
+      // a check for a flaky bug must not be.
+      let nombres = [];
+      for (let i = 0; i < 60; i++) {
+        nombres = leeNombres();
+        if (!document.querySelector('.dlgFondo') && nombres.includes('urgencias')) break;
+        await new Promise(r => setTimeout(r, 250));
+      }
+      return { sobrevive, cerrado: !document.querySelector('.dlgFondo'), nombres };
+    })()`);
+    comprueba(
+      'a name typed while the roles are still loading is still there afterwards',
+      construida?.sobrevive === 'urgencias',
+      JSON.stringify(construida),
+    );
+    comprueba(
+      'and pressing build actually builds the house',
+      !!construida?.cerrado && (construida?.nombres ?? []).includes('urgencias'),
+      JSON.stringify(construida),
+    );
+
+    // And the other half: pressing build with nothing in the name.
+    //
+    // The failure this guards is not "it refuses" — it is refusing SILENTLY, or
+    // refusing while closing the dialog, which loses everything the person had
+    // already chosen. That is the same complaint from the other side: a form
+    // that says no and takes the work with it.
+    const vacia = await cdp.evalua(`(async () => {
+      const espera = async (sel, n = 40) => {
+        for (let i = 0; i < n; i++) {
+          const el = document.querySelector(sel);
+          if (el) return el;
+          await new Promise(r => setTimeout(r, 250));
+        }
+        return null;
+      };
+      const antes = document.querySelectorAll('.fichaRPG h3').length;
+      document.getElementById('altaAgente')?.click();
+      const campo = await espera('.dlgFondo #bvNombre');
+      if (!campo) return { falta: true };
+      // Choose something first: whatever it says, this must not be thrown away.
+      document.querySelector('.dlgFondo [data-bv=\"clase\"][data-id=\"knowledge\"]')?.click();
+      await new Promise(r => setTimeout(r, 300));
+      document.querySelector('.dlgFondo [data-dlg=\"si\"]')?.click();
+      await new Promise(r => setTimeout(r, 1200));
+      const caja = document.querySelector('.dlgFondo');
+      const elegida = !!document.querySelector('.dlgFondo .bvOpcion.elegida[data-id=\"knowledge\"]');
+      const aviso = document.querySelector('#aviso,.aviso,.toast');
+      const fuera = {
+        sigueAbierto: !!caja,
+        elegida,
+        dice: (aviso?.textContent ?? '').trim().slice(0, 80),
+        despues: document.querySelectorAll('.fichaRPG h3').length,
+        antes,
+      };
+      document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
+      await new Promise(r => setTimeout(r, 200));
+      return fuera;
+    })()`);
+    comprueba(
+      'building with no name refuses without closing the form',
+      !!vacia && !vacia.falta && vacia.sigueAbierto === true,
+      JSON.stringify(vacia),
+    );
+    comprueba(
+      'and keeps what was already chosen, and builds nothing',
+      !!vacia?.elegida && vacia?.despues === vacia?.antes,
+      JSON.stringify(vacia),
+    );
+
     // Spanish and English, on a switch. The READMEs shipped bilingual and the
     // product did not; a language button that does not actually change the page
     // is worse than none at all.
@@ -534,7 +703,7 @@ async function main() {
   } finally {
     proceso.kill('SIGKILL');
   }
-  console.log(`\n  ${fallos ? `${fallos} failed` : 'browser ok'} — 16 checks\n`);
+  console.log(`\n  ${fallos ? `${fallos} failed` : 'browser ok'} — 19 checks\n`);
   process.exit(fallos ? 1 : 0);
 }