agents-city 0.3.0 → 0.4.0

package/.claude-plugin/marketplace.json

@@ -9,7 +9,7 @@
     {
       "name": "city",
       "source": "./plugin",
-      "version": "0.3.0",
+      "version": "0.4.0",
       "description": "Operate one autonomous city seat, its domain, role, repo support agents, goal, recognised skills and explicit roads to other cities."
     }
   ]

package/README.es.md

@@ -556,6 +556,27 @@ se escriben en el registro de actividad. El token de observador rota con el hub,
 sólo acepta un origen de este ordenador y es de sólo lectura: el navegador no
 puede dirigir el comité. `Ctrl-c` detiene el Hall.
 
+**Demos**, en el rail, reproduce un comité entero sin montar nada: una historia
+por dominio de trabajo — un estudio, una clínica, un despacho — con play, pausa,
+repetir y velocidad. Lo que reproduce son *grabaciones*: `demo/graba.py` ejecuta
+cada historia sobre el bus local real, a través de la máquina de estados real del
+comité, y guarda el flujo exacto de eventos que vio un espectador; el Hall los
+reproduce con el mismo renderizador que usa el rail en vivo. Lo dice en pantalla,
+porque una demo que finge estar en vivo es justo la que este producto no debe
+publicar. Para lanzar una en vivo desde terminal: `agents-city demo --domain
+software`.
+
+Regenera las grabaciones tras editar `demo/stories.py`:
+
+```bash
+demo/graba.py            # todas las historias
+demo/graba.py medicina   # sólo una
+```
+
+La suite de demo falla cuando una grabación deja de corresponderse con la
+historia que dice ser, así que una obsoleta es un build en rojo y no un navegador
+reproduciendo en silencio el comité del mes pasado.
+
 Bajo la marca hay dos botones: **día/noche** e **ES/EN**. El Hall habla español e
 inglés, arranca en el idioma del navegador y recuerda la elección explícita. Las
 traducciones se indexan por la frase en inglés, así que lo que aún no esté
@@ -1843,9 +1864,17 @@ CITY_SETTLE=0 CITY_STAGGER=0 agents-city seat --city producto
 Lee `.git/config` y `HEAD` directamente en vez de lanzar `git` una vez por
 repositorio, así que un escaneo completo termina mientras alguien mira la
 pantalla, y funciona allí donde funcione Python: macOS, Linux y Windows por
-igual. La guía y el Hall buscan sobre este índice; `plugin/scripts/find-repos.sh`
-es un envoltorio fino para quien lo llama desde shell, y sólo imprime la mitad
-git.
+igual. Este índice es el que usa la **terminal**: `seat --repos`, y el lanzador
+resolviendo el `repo@rama` de una ficha a una ruta de esta máquina.
+`plugin/scripts/find-repos.sh` es un envoltorio fino para quien lo llama desde
+shell, y sólo imprime la mitad git.
+
+El **Hall** no lo usa, y a propósito: allí, elegir sobre qué trabaja un agente es
+un explorador de carpetas. Recorres tu disco y coges lo que quieras — un
+repositorio, un worktree, una carpeta de documentos, un fichero exacto — y no se
+te adelanta nada ni se filtra nada. Una lista adivinada sólo puede ofrecerte lo
+que sabía buscar, y es una lista más que leer antes de hacer aquello a lo que
+venías.
 
 El índice se cachea un día en `$XDG_CACHE_HOME/agents-city/lugares.tsv` o
 `~/.cache/agents-city/lugares.tsv`. Tanto el formulario de casas del Hall como el
@@ -2099,10 +2128,30 @@ agents-city seat --repos
 ```
 
 La detección exige `.git` (directorio o fichero de worktree) y un remote `origin`.
-Si acabas de cambiar las raíces, usa **Buscar otra vez** en el formulario de
-casas, o ejecuta `plugin/scripts/busca.py --refresh`. `AGENTS_CITY_ORG` puede estar filtrando el repo;
+Si acabas de cambiar las raíces, ejecuta `plugin/scripts/busca.py --refresh`. `AGENTS_CITY_ORG` puede estar filtrando el repo;
 déjala vacía para indexar todos los remotes.
 
+### Desinstalarlo del todo
+
+```bash
+agents-city uninstall           # dice exactamente qué se iría; no borra nada
+agents-city uninstall --yes     # lo hace
+agents-city uninstall --keep-cities --yes   # desconecta la máquina, conserva las ciudades
+agents-city uninstall --npm --yes           # y quita también el paquete global
+```
+
+Cierra todas las sesiones, halls y mapas que el producto arrancó, quita los
+accesos directos del escritorio y el registro del plugin de Claude, y borra
+`~/.agents-city` (tus ciudades, su estado y sus copias), `~/.config/agents-city`,
+`~/.cache/agents-city` y `~/.claude/channels/city-bus` — más el token del bus en
+el Keychain de macOS.
+
+Nunca toca tus repositorios, tus worktrees ni tus carpetas de documentos. La casa
+de un agente guarda *enlaces* a eso, y lo único que se va es el enlace.
+
+`reset` responde a la otra pregunta: vacía una ciudad, deja una copia y conserva
+la instalación, para cuando piensas seguir usándolo.
+
 ### GitHub no muestra repos privados u organizaciones
 
 ```bash

package/README.md

@@ -550,6 +550,26 @@ spectator token rotates with the hub, accepts only an origin on this computer,
 and is read-only: the browser cannot direct the committee. `Ctrl-c` stops the
 Hall.
 
+**Demos** in the rail plays a whole committee without setting anything up: one
+story per work domain — a studio, a clinic, a law firm — with play, pause,
+replay and speed. What it plays are *recordings*: `demo/graba.py` runs each story
+over the real local bus, through the real committee state machine, and keeps the
+exact event stream a spectator saw; the Hall replays those events through the
+same renderer the live rail uses. It says so on screen, because a demo that
+pretends to be live is the one kind this product must not ship. To run one live
+in a terminal instead: `agents-city demo --domain software`.
+
+Regenerate the recordings after editing `demo/stories.py`:
+
+```bash
+demo/graba.py            # every story
+demo/graba.py medicina   # just one
+```
+
+The demo suite fails when a recording no longer matches the story it claims to
+be, so a stale one is a red build rather than a browser quietly playing last
+month's committee.
+
 Two buttons sit under the brand: **day/night**, and **ES/EN**. The Hall speaks
 Spanish and English, starting in the browser's own language and remembering an
 explicit choice. Translations are keyed by the English sentence, so anything not
@@ -1819,9 +1839,17 @@ CITY_SETTLE=0 CITY_STAGGER=0 agents-city seat --city product
 
 It reads `.git/config` and `HEAD` directly rather than running `git` once per
 repository, so a full scan finishes while somebody is looking at the screen, and
-it runs anywhere Python does — macOS, Linux and Windows alike. The guide and the
-Hall search this index; `plugin/scripts/find-repos.sh` is a thin shim over it for
-shell callers, printing the git half only.
+it runs anywhere Python does — macOS, Linux and Windows alike. This index is what
+the **terminal** uses: `seat --repos`, and the launcher resolving a card's
+`repo@branch` to a path on this machine. `plugin/scripts/find-repos.sh` is a thin
+shim over it for shell callers, printing the git half only.
+
+The **Hall** does not use it, and deliberately: choosing what an agent works on
+is a folder picker there. You walk your disk and take what you want — a
+repository, a worktree, a folder of documents, one exact file — and nothing is
+offered in advance or filtered out. A guessed list can only ever offer what it
+knew how to look for, and it is one more list to read before you can do the thing
+you came to do.
 
 The index is cached for one day at `$XDG_CACHE_HOME/agents-city/lugares.tsv` or
 `~/.cache/agents-city/lugares.tsv`. Both the Hall's house form and the seat offer
@@ -2065,10 +2093,30 @@ agents-city seat --repos
 ```
 
 Discovery requires `.git` (a directory or worktree file) and an `origin` remote.
-If roots just changed, use the house form's **Search again**, or run
-`plugin/scripts/busca.py --refresh`. `AGENTS_CITY_ORG` may be filtering the repo;
+If roots just changed, run `plugin/scripts/busca.py --refresh`. `AGENTS_CITY_ORG` may be filtering the repo;
 leave it empty to index every remote.
 
+### Removing it completely
+
+```bash
+agents-city uninstall           # says exactly what would go; removes nothing
+agents-city uninstall --yes     # goes through with it
+agents-city uninstall --keep-cities --yes   # unwire the machine, keep the cities
+agents-city uninstall --npm --yes           # and remove the global package too
+```
+
+It closes every session, hall and map the product started, removes the desktop
+shortcuts and the Claude plugin registration, and deletes `~/.agents-city` (your
+cities, their state and their backups), `~/.config/agents-city`,
+`~/.cache/agents-city` and `~/.claude/channels/city-bus` — plus the bus token in
+the macOS Keychain.
+
+It never touches your repositories, your worktrees or your document folders. An
+agent's home holds *links* to those, and a link is all that goes.
+
+`reset` is the other question: it empties one city, keeps a backup and leaves the
+install in place, for when you mean to keep using it.
+
 ### GitHub does not show private repos or organisations
 
 ```bash

package/bin/agents-city.js

@@ -30,6 +30,10 @@ const ORDENES = {
   benchmark: { que: ['bin/benchmark'], di: 'offline stress/governance or opt-in live runtime latency' },
   logs: { que: ['bin/logs'], di: 'read or follow visible activity and operational diagnostics' },
   reset: { que: ['bin/reset'], di: 'reset one city to onboarding, recoverably' },
+  uninstall: {
+    que: ['bin/uninstall'],
+    di: 'remove everything this wrote on this machine (previews first)',
+  },
   skills: { que: ['bin/skills'], di: 'recognise the skills installed in each repo' },
   city: { que: ['bin/city'], di: 'draw your city' },
   shortcut: { que: ['bin/shortcut'], di: 'put a city on your desktop: icon, name, double-click' },

package/bin/hall.html

@@ -31,6 +31,7 @@
   --hud:"Chakra Petch",system-ui,sans-serif; --texto:"Newsreader",Georgia,serif;
   --mono:"IBM Plex Mono",ui-monospace,monospace;
   --sombra:0 18px 40px -30px #1d222945;
+  --velo:#1d222959; --sombra-alta:0 24px 60px -20px #1d222966;
 
   /* Night, declared once: the city's own light, an isometric map at 3am. The
      two rules below only MAP these; a palette written twice drifts twice. */
@@ -41,6 +42,7 @@
   --noche-panel:#101720; --noche-burbuja:#171f2a; --noche-burbuja-mia:#27291f;
   --noche-borde-acento:#65552d; --noche-sobre-lampara:#1a1408;
   --noche-lampara-viva:#ffd469;
+  --noche-velo:#05080d99; --noche-sombra-alta:0 24px 60px -18px #000000aa;
   --noche-chip-luz:36% 30%; --noche-chip-tinta:#f3eee4;
   --noche-tono-palabra:#aa93ff; --noche-tono-evidencia:#61ace9;
   --noche-tono-verificacion:#50ccb1;
@@ -60,6 +62,7 @@
   --tono-palabra:var(--noche-tono-palabra); --tono-evidencia:var(--noche-tono-evidencia);
   --tono-verificacion:var(--noche-tono-verificacion);
   --sombra:var(--noche-sombra);
+  --velo:var(--noche-velo); --sombra-alta:var(--noche-sombra-alta);
 }
 /* No `prefers-color-scheme` rule on purpose: daylight is THE default, not a
    default that a machine set to dark quietly overrides. Night is a choice made
@@ -349,15 +352,97 @@ body.enGuia #app{grid-template-columns:250px minmax(0,1fr)}
   font:11px var(--mono);padding:5px 10px;border-radius:999px;cursor:pointer}
 .bvChip:hover{border-color:var(--lampara)}
 .bvChip.elegida{border-color:var(--lampara);background:var(--burbuja-mia);color:var(--tinta)}
+.dlgFondo{position:fixed;inset:0;z-index:60;display:flex;align-items:center;
+  justify-content:center;padding:24px;background:var(--velo);backdrop-filter:blur(2px)}
+.dlg{background:var(--suelo2);border:1px solid var(--linea2);border-radius:8px;
+  box-shadow:var(--sombra-alta);padding:22px 24px;width:100%;max-width:460px;
+  max-height:86vh;overflow:auto}
+.dlg h2{font:600 17px var(--hud);color:var(--tinta);margin:0 0 10px}
+.dlgProsa{font:13px/1.55 var(--hud);color:var(--tinta2);margin:0 0 10px}
+.dlg .campo{margin-bottom:12px}
+.dlg .campo label{display:block;font:600 10px var(--hud);letter-spacing:.14em;
+  text-transform:uppercase;color:var(--tinta3);margin-bottom:5px}
+.dlg .campo input,.dlg .campo select{width:100%;background:var(--suelo);
+  border:1px solid var(--linea2);border-radius:4px;padding:8px 10px;
+  font-family:var(--hud);font-size:13px;color:var(--tinta)}
+.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}
-.bvBuscador{display:flex;gap:8px;align-items:center;margin:4px 0 10px}
-.bvBuscador input{flex:1;background:var(--suelo);border:1px solid var(--linea2);
-  border-radius:4px;padding:8px 10px;font-family:var(--hud);font-size:13px;color:var(--tinta)}
-.bvBuscador input:focus{outline:none;border-color:var(--lampara)}
 .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}
+.expAtajos{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}
+.expAtajo{border:1px solid var(--linea);background:var(--suelo3);color:var(--tinta2);
+  font:11px var(--hud);padding:3px 9px;border-radius:999px;cursor:pointer}
+.expAtajo:hover,.expAtajo.aqui{border-color:var(--lampara);color:var(--lampara)}
+.expBarra{display:flex;gap:7px;align-items:center;margin-bottom:7px}
+.expSubir{border:1px solid var(--linea2);background:var(--suelo3);color:var(--tinta2);
+  font:12px var(--mono);width:26px;height:26px;border-radius:4px;cursor:pointer;flex:none}
+.expSubir:hover:not([disabled]){border-color:var(--lampara);color:var(--lampara)}
+.expSubir[disabled]{opacity:.35;cursor:default}
+.expMigas{display:flex;flex-wrap:wrap;align-items:center;gap:1px;overflow:hidden;
+  font:11px var(--mono);color:var(--tinta3)}
+.expMigas i{opacity:.4;font-style:normal}
+.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);
+  border-bottom:1px solid var(--linea)}
+.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)}
+.expNombre{flex:1;display:flex;align-items:center;gap:7px;border:0;background:none;
+  text-align:left;font:12px var(--hud);color:var(--tinta);padding:6px 8px;cursor:pointer;
+  overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
+.expNombre[disabled]{cursor:default;color:var(--tinta2)}
+.expNombre:hover:not([disabled]){color:var(--lampara)}
+.expIcono{font-style:normal;color:var(--tinta3);font-size:10px;width:8px;flex:none}
+.expFila.fich .expNombre{font-family:var(--mono);font-size:11px}
+.expMarca{font:600 9px var(--mono);letter-spacing:.06em;text-transform:uppercase;
+  color:var(--lampara);opacity:.8;font-style:normal;flex:none}
+.expMas{border:0;background:none;color:var(--tinta3);font:13px var(--mono);
+  width:30px;height:28px;cursor:pointer;flex:none}
+.expMas:hover{color:var(--lampara)}
+.expFila.puesta .expMas{color:var(--lampara)}
+.expTomaAqui{margin-top:8px;width:100%}
+.expElegidas{margin:8px 0 4px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
+.expElegidas .bvEtiqueta{width:100%;margin:0 0 2px}
+.expQuita{font-style:normal;margin-left:7px;opacity:.6}
+.pista.malo{color:var(--carta)}
+.demoRejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
+  gap:12px;margin:18px 0 14px}
+.demoCarta{display:flex;flex-direction:column;gap:5px;text-align:left;cursor:pointer;
+  background:var(--suelo2);border:1px solid var(--linea2);border-radius:7px;
+  padding:15px 16px;box-shadow:var(--sombra)}
+.demoCarta:hover{border-color:var(--lampara)}
+.demoDominio{font:600 10px var(--hud);letter-spacing:.14em;text-transform:uppercase;
+  color:var(--lampara)}
+.demoCarta b{font:600 15px/1.35 var(--hud);color:var(--tinta)}
+.demoCiudad{font:12px var(--texto);color:var(--tinta2)}
+.demoReparto{font:10px var(--mono);color:var(--tinta3);overflow:hidden;
+  white-space:nowrap;text-overflow:ellipsis}
+.demoPlay{margin-top:6px;font:600 11px var(--mono);color:var(--tinta2)}
+.demoCarta:hover .demoPlay{color:var(--lampara)}
+.demoCab{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px}
+.demoCab h2{font:600 17px var(--hud);color:var(--tinta);margin:2px 0 0}
+.demoMandos{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:9px}
+.demoVel{display:inline-flex;border:1px solid var(--linea2);border-radius:999px;
+  overflow:hidden;background:var(--suelo2)}
+.demoVelBoton{border:0;background:none;color:var(--tinta3);font:11px var(--mono);
+  padding:5px 10px;cursor:pointer}
+.demoVelBoton:hover{color:var(--tinta)}
+.demoVelBoton.aqui{background:var(--burbuja-mia);color:var(--lampara)}
+.demoCuenta{font:11px var(--mono);color:var(--tinta3);margin-left:auto}
+.demoBarra{height:3px;background:var(--linea);border-radius:2px;overflow:hidden;
+  margin-bottom:12px}
+.demoBarra i{display:block;height:100%;background:var(--lampara);
+  transition:width .35s ease}
+.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}
 .bvMotor .campo{margin:0}
 @media (max-width:640px){.bvMotor{grid-template-columns:1fr}}
@@ -456,7 +541,9 @@ body.enGuia #app{grid-template-columns:250px minmax(0,1fr)}
   stroke-linecap:round;stroke-linejoin:round}
 .liveContextText{min-width:0;color:var(--tinta3);font:10px/1.35 var(--hud)}
 .liveContextText b{color:var(--tinta2);font-weight:600}
-#liveEvents{list-style:none;margin:0;padding:16px 16px 26px;overflow-y:auto;flex:1;
+/* The demo player replays into a list of its own, and must look identical:
+   it is the same renderer, so it gets the same rules rather than a copy. */
+#liveEvents,.liveLista{list-style:none;margin:0;padding:16px 16px 26px;overflow-y:auto;flex:1;
   display:flex;flex-direction:column;gap:13px;scrollbar-color:var(--linea2) transparent}
 .liveEmpty{margin:auto;padding:30px 18px;text-align:center;color:var(--tinta3);font-size:13px;line-height:1.55}
 .liveTurn{--tono:var(--tinta3);display:grid;grid-template-columns:31px minmax(0,1fr);

package/bin/navegador.mjs

@@ -292,23 +292,32 @@ async function main() {
       await new Promise(r => setTimeout(r, 900));
       (await espera('[data-bv="nuevo"]'))?.click();
       await new Promise(r => setTimeout(r, 400));
-      const busca = await espera('#bvBusca');
       const motores = ['#bvRuntime', '#bvModelo', '#bvEsfuerzo'].map(s => !!document.querySelector(s));
       const opcionesMotor = [...(document.querySelector('#bvModelo')?.options ?? [])].map(o => o.value);
-      const antes = document.querySelectorAll('.bvChip').length;
-      let despues = antes;
-      if (busca) {
-        busca.value = 'zzz-no-existe-nada';
-        busca.dispatchEvent(new Event('input', { bubbles: true }));
-        await new Promise(r => setTimeout(r, 400));
-        despues = document.querySelectorAll('.bvChip').length;
+      // The picker walks: it must list a folder, and going into one must change
+      // where it says you are. Nothing is offered before you ask for it.
+      await espera('.exp .expLista .expFila');
+      const filas = document.querySelectorAll('.expFila').length;
+      // Picking a row records it — no scan happened, nothing was suggested.
+      document.querySelector('.expFila .expMas')?.click();
+      await new Promise(r => setTimeout(r, 300));
+      const elegidas = document.querySelectorAll('.expElegidas .bvChip').length;
+      // And going into a folder must change where it says you are.
+      const dondeAntes = document.querySelector('.expMigas')?.textContent ?? '';
+      [...document.querySelectorAll('.expFila.dir .expNombre')][0]?.click();
+      for (let i = 0; i < 40; i++) {
+        if ((document.querySelector('.expMigas')?.textContent ?? '') !== dondeAntes) break;
+        await new Promise(r => setTimeout(r, 250));
       }
-      return { hayBusca: !!busca, motores, opcionesMotor, antes, despues,
-               rebusca: !!document.querySelector('[data-bv="rebusca"]') };
+      const dondeDespues = document.querySelector('.expMigas')?.textContent ?? '';
+      return { motores, opcionesMotor, filas, dondeAntes, dondeDespues, elegidas,
+               sube: !!document.querySelector('.expSubir'),
+               tomaAqui: !!document.querySelector('.expTomaAqui') };
     })()`);
     comprueba(
-      'the house form searches the whole disk instead of offering a dozen repos',
-      !!casa?.hayBusca && !!casa?.rebusca && casa.antes > 0 && casa.despues === 0,
+      'the house form walks the disk — nothing offered, you pick what you want',
+      (casa?.filas ?? 0) > 0 && !!casa?.sube && !!casa?.tomaAqui &&
+        casa.dondeDespues !== casa.dondeAntes && (casa?.elegidas ?? 0) > 0,
       JSON.stringify(casa),
     );
     comprueba(
@@ -363,6 +372,126 @@ async function main() {
       JSON.stringify(ciudades),
     );
 
+    // The app's own dialogs. Every one of these was a `window.prompt` box, and
+    // a headless browser answers those with null — which is how three dead
+    // buttons could have passed a browser suite that only counted clicks.
+    const dlg = 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 nueva = document.getElementById('alWizard');
+      nueva?.click();
+      const caja = await espera('.dlgFondo .dlg');
+      if (!caja) return { falta: true };
+      const acepta = caja.querySelector('[data-dlg="si"]');
+      const campo = caja.querySelector('input[data-campo="name"]');
+      const bloqueado = !!acepta?.disabled;
+      if (campo) {
+        campo.value = 'x';
+        campo.dispatchEvent(new Event('input', { bubbles: true }));
+        await new Promise(r => setTimeout(r, 100));
+      }
+      const libre = !acepta?.disabled;
+      document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
+      await new Promise(r => setTimeout(r, 200));
+      return {
+        titulo: caja.querySelector('h2')?.textContent?.trim() ?? '',
+        campo: !!campo, bloqueado, libre,
+        cerrado: !document.querySelector('.dlgFondo'),
+      };
+    })()`);
+    comprueba(
+      'creating a city asks in the app, not through a browser prompt box',
+      !!dlg && !dlg.falta && dlg.campo && dlg.bloqueado && dlg.libre && dlg.cerrado,
+      JSON.stringify(dlg),
+    );
+
+    // Building a house from the houses view: the guide's form, in a dialog.
+    const alta = await cdp.evalua(`(async () => {
+      const ir = [...document.querySelectorAll('nav li')].find(l => /houses|casas/i.test(l.textContent));
+      ir?.click();
+      await new Promise(r => setTimeout(r, 700));
+      document.getElementById('altaAgente')?.click();
+      for (let i = 0; i < 40; i++) {
+        if (document.querySelector('.dlgFondo .exp .expFila')) break;
+        await new Promise(r => setTimeout(r, 250));
+      }
+      const caja = document.querySelector('.dlgFondo .dlg');
+      const hay = s => !!caja?.querySelector(s);
+      const fuera = {
+        nombre: hay('#bvNombre'), clase: hay('[data-bv="clase"]'), rol: hay('#bvRol'),
+        motor: hay('#bvRuntime') && hay('#bvModelo') && hay('#bvEsfuerzo'),
+        explora: hay('.exp .expLista'),
+      };
+      document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
+      await new Promise(r => setTimeout(r, 200));
+      return fuera;
+    })()`);
+    comprueba(
+      'and building a house opens the same form the guide uses, not three prompts',
+      !!alta && alta.nombre && alta.clase && alta.rol && alta.motor && alta.explora,
+      JSON.stringify(alta),
+    );
+
+    // The demo shelf: three cards, and a player that actually advances.
+    const demo = 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 => /demos/i.test(l.textContent));
+      if (!ir) return { falta: true };
+      ir.click();
+      const carta = await espera('.demoCarta');
+      const cartas = document.querySelectorAll('.demoCarta').length;
+      carta?.click();
+      await espera('.demoPlayer');
+      // Fastest speed, so the check does not sit here for half a minute.
+      document.querySelector('[data-demo="vel"][data-ms="350"]')?.click();
+      await new Promise(r => setTimeout(r, 200));
+      const alPrincipio = document.querySelectorAll('#demoLista .liveTurn').length;
+      for (let i = 0; i < 60; i++) {
+        if (document.querySelectorAll('#demoLista .liveTurn').length > alPrincipio + 1) break;
+        await new Promise(r => setTimeout(r, 250));
+      }
+      const jugando = document.querySelectorAll('#demoLista .liveTurn').length;
+      document.querySelector('[data-demo="pausa"]')?.click();
+      await new Promise(r => setTimeout(r, 700));
+      const enPausa = document.querySelectorAll('#demoLista .liveTurn').length;
+      await new Promise(r => setTimeout(r, 700));
+      const sigueEnPausa = document.querySelectorAll('#demoLista .liveTurn').length;
+      document.querySelector('[data-demo="replay"]')?.click();
+      await new Promise(r => setTimeout(r, 150));
+      const trasReplay = document.querySelectorAll('#demoLista .liveTurn').length;
+      document.querySelector('[data-demo="pausa"]')?.click();
+      return { cartas, alPrincipio, jugando, enPausa, sigueEnPausa, trasReplay,
+               dice: (document.querySelector('.demoPlayer .pista')?.textContent ?? '') };
+    })()`);
+    comprueba(
+      'the demo shelf offers one story per domain and plays it turn by turn',
+      (demo?.cartas ?? 0) === 3 && demo.jugando > demo.alPrincipio,
+      JSON.stringify(demo),
+    );
+    comprueba(
+      'and pause holds, and replay starts it over',
+      demo?.sigueEnPausa === demo?.enPausa && (demo?.trasReplay ?? 99) < (demo?.enPausa ?? 0),
+      JSON.stringify(demo),
+    );
+    comprueba(
+      'and it says out loud that it is a recording, not a live committee',
+      /recording|grabaci/i.test(demo?.dice ?? ''),
+      JSON.stringify(demo?.dice),
+    );
+
     // 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.