agents-city 0.4.0 → 0.5.2

package/city/web/src/es.ts

@@ -16,6 +16,7 @@ anota({
   'My seat': 'Mi asiento',
   Districts: 'Distritos',
   Roads: 'Carreteras',
+  Reception: 'Recepción',
   Committee: 'Comité',
   Houses: 'Casas',
   'All cities': 'Todas las ciudades',
@@ -24,6 +25,83 @@ anota({
   '{n} houses': '{n} casas',
   'Create another city →': 'Crear otra ciudad →',
 
+  // ── reception ────────────────────────────────────────────────────────────
+  reception: 'recepción',
+  'Messages wait for you, not your agents': 'Los mensajes te esperan a ti, no a tus agentes',
+  'Remote text stops here as inert text. Read it, reject it with a reason, or choose the cities that should receive it. Until then no model can read it.':
+    'El texto remoto se detiene aquí como texto inerte. Léelo, recházalo con un motivo o elige qué ciudades deben recibirlo. Hasta entonces ningún modelo puede leerlo.',
+  'routing mode': 'modo de enrutado',
+  'Manual review': 'Revisión manual',
+  'Every message needs a person before it reaches a city.':
+    'Cada mensaje necesita a una persona antes de llegar a una ciudad.',
+  'Auto router not configured': 'Router automático sin configurar',
+  'Configure Auto': 'Configurar Auto',
+  'Automatic routing': 'Enrutado automático',
+  'Only one clear, low-risk rule match can leave the human queue automatically.':
+    'Solo una coincidencia clara y de bajo riesgo puede salir automáticamente de la cola humana.',
+  'Routing policy': 'Política de enrutado',
+  'Keep human review': 'Mantener la revisión humana',
+  'Use the local rule router': 'Usar el router local de reglas',
+  'Write comma-separated words or phrases for each destination. Empty cities are never selected.':
+    'Escribe palabras o frases separadas por comas para cada destino. Las ciudades vacías nunca se eligen.',
+  'e.g. contract, privacy, legal review': 'p. ej. contrato, privacidad, revisión legal',
+  'Suspicious, unmatched, or ambiguous text always waits for you. Auto never executes, answers, or opens links.':
+    'El texto sospechoso, sin coincidencia o ambiguo siempre te espera. Auto nunca ejecuta, responde ni abre enlaces.',
+  'Save routing policy': 'Guardar política de enrutado',
+  'Could not save the routing policy': 'No se pudo guardar la política de enrutado',
+  'Routing policy saved.': 'Política de enrutado guardada.',
+  'Reading your reception…': 'Leyendo tu recepción…',
+  'Could not read your reception': 'No se ha podido leer tu recepción',
+  'Reception clear': 'Recepción despejada',
+  'No remote message is waiting for a decision.': 'No hay mensajes remotos esperando una decisión.',
+  'message waiting': '{n} mensaje en espera',
+  'messages waiting': '{n} mensajes en espera',
+  'local only': 'solo local',
+  'No agent has read this': 'Ningún agente ha leído esto',
+  'Send to': 'Dirigir a',
+  'Route to selected cities': 'Dirigir a las ciudades elegidas',
+  'Reject and reply with a reason': 'Rechazar y responder con un motivo',
+  'Reason sent back securely': 'Motivo que se devolverá cifrado',
+  'Reason for rejecting this message': 'Motivo para rechazar este mensaje',
+  'Reject and send reason': 'Rechazar y enviar el motivo',
+  'Could not route the message': 'No se pudo dirigir el mensaje',
+  'Message routed. Only the selected cities can now read it.':
+    'Mensaje dirigido. Solo las ciudades elegidas pueden leerlo ahora.',
+  'Could not reject the message': 'No se pudo rechazar el mensaje',
+  'Message rejected. Your reason is queued for encrypted delivery.':
+    'Mensaje rechazado. Tu motivo ha quedado en cola para enviarse cifrado.',
+  'New encrypted message': 'Nuevo mensaje cifrado',
+  'Messages leave from this computer with end-to-end encryption.':
+    'Los mensajes salen de este ordenador con cifrado de extremo a extremo.',
+  'message queued': '{n} mensaje en cola',
+  'messages queued': '{n} mensajes en cola',
+  'Write to': 'Escribir a',
+  Message: 'Mensaje',
+  'Your message will stop in their private reception.':
+    'Tu mensaje se detendrá en su recepción privada.',
+  'Send securely': 'Enviar de forma segura',
+  'Reply to a rejected message': 'Respuesta a un mensaje rechazado',
+  Dismiss: 'Descartar',
+  'Could not queue the message': 'No se pudo poner el mensaje en cola',
+  'Message queued on this computer.': 'Mensaje puesto en cola en este ordenador.',
+  'Could not dismiss the response': 'No se pudo descartar la respuesta',
+
+  // ── live activity rail ──────────────────────────────────────────────────
+  'City live': 'Ciudad en directo',
+  waiting: 'esperando',
+  'A moderated conversation over the WebSocket bus. The seat routes each turn; private model reasoning is never shown or stored.':
+    'Una conversación moderada sobre el bus WebSocket. El asiento dirige cada turno; el razonamiento privado de los modelos no se muestra ni se guarda.',
+  'all conversations': 'todas las conversaciones',
+  'show work': 'mostrar trabajo',
+  'hide work': 'ocultar trabajo',
+  'websocket live': 'websocket activo',
+  reconnecting: 'reconectando',
+  'session offline': 'sesión desconectada',
+  'The bus is live. Questions, positions and moderated replies will appear here.':
+    'El bus está activo. Aquí aparecerán preguntas, posiciones y respuestas moderadas.',
+  'Start the city session. Its visible conversation will appear here as it happens.':
+    'Inicia la sesión de la ciudad. Su conversación visible aparecerá aquí mientras sucede.',
+
   // ── the guide ─────────────────────────────────────────────────────────────
   Welcome: 'Bienvenida',
   'The work': 'El trabajo',
@@ -64,7 +142,6 @@ anota({
   '{city} is alive': '{city} está viva',
 
   // ── the houses ────────────────────────────────────────────────────────────
-  'the houses of {city}': 'las casas de {city}',
   'Who lives in {city}': 'Quién vive en {city}',
   '+ Build a house': '+ Construir una casa',
   '+ folder': '+ carpeta',
@@ -92,8 +169,6 @@ anota({
   open: 'abrir',
   archive: 'archivar',
   '· open now': '· abierta ahora',
-  '{n} house of its own': '{n} casa propia',
-  '{n} houses of its own': '{n} casas propias',
   'Start this city over': 'Empezar esta ciudad de cero',
   'Start over…': 'Empezar de cero…',
 
@@ -119,27 +194,8 @@ anota({
     'Gobierna una ciudad autónoma: su asiento, sus agentes, sus carreteras y su mapa. Todo lo que hay aquí es un fichero de texto que también puedes abrir a mano.',
 
   // ── looking through the disk ──────────────────────────────────────────────
-  'search your disk — a name, or part of a path':
-    'busca en tu disco — un nombre, o parte de una ruta',
-  'Look through the disk again — for something cloned a minute ago':
-    'Vuelve a mirar el disco — por si acabas de clonar algo',
-  'Search again': 'Buscar otra vez',
-  'searching…': 'buscando…',
-  'looking through your disk…': 'mirando en tu disco…',
-  '{shown} of {total} places match': '{shown} de {total} sitios encajan',
-  '{total} places found — type to narrow it down':
-    '{total} sitios encontrados — escribe para acotar',
-  'Nothing matches that. Add it by path below.':
-    'Nada encaja con eso. Añádelo por ruta aquí abajo.',
-  'Nothing found on this disk — add folders by path below.':
-    'No hay nada en este disco — añade carpetas por ruta aquí abajo.',
-  '…or a path, and Enter': '…o una ruta, y Enter',
-
-  // ── what runs an agent ────────────────────────────────────────────────────
   'Its role — its speciality, never authority': 'Su rol — su especialidad, nunca su autoridad',
   'What runs it?': '¿Qué lo mueve?',
-  'Leave all three on default and it runs the way you do. Model and effort are Claude’s to read; another CLI carries its own flags.':
-    'Déjalos los tres por defecto y funcionará como tú. El modelo y el esfuerzo los lee Claude; otra CLI lleva sus propias opciones.',
 });
 
 anota({
@@ -156,9 +212,6 @@ anota({
     'Presides esta ciudad respondas lo que respondas — esto es tu <b>especialidad</b>, no tu autoridad. Da forma a la perspectiva con la que entras en una decisión y a los ficheros de conocimiento que la ciudad escribe para ti. <b>En blanco</b> es una respuesta de verdad: significa sin conocimiento previo.',
   'Every house holds one worker — an <b>agent</b> — with its own window, its own role and its own corner of your disk. A house is <b>not</b> a repository: one can answer for three services and a folder of documents at once, and a house whose work is documents needs no git anywhere.':
     'Cada casa aloja a un trabajador — un <b>agente</b> — con su ventana, su rol y su rincón de tu disco. Una casa <b>no</b> es un repositorio: una sola puede responder por tres servicios y una carpeta de documentos a la vez, y una casa cuyo trabajo son documentos no necesita git en ninguna parte.',
-  'Everything found on this disk: <b>repositories</b>, the <b>worktrees</b> an isolated agent works in, and <b>folders of documents</b> with no git at all. Pick as many as you like — this is the part that makes it an agent and not a repo.':
-    'Todo lo que hay en este disco: <b>repositorios</b>, los <b>worktrees</b> en los que trabaja un agente aislado, y <b>carpetas de documentos</b> sin git ninguno. Elige las que quieras — esta es la parte que lo convierte en un agente y no en un repo.',
-  'Working on: {que}': 'Trabaja sobre: {que}',
   'Your seat is written and {cuantas}. Everything you just answered is a plain file you can read and edit.':
     'Tu asiento queda escrito y {cuantas}. Todo lo que acabas de responder es un fichero de texto que puedes leer y editar.',
   '<b>{n}</b> house stands around it': 'a su alrededor hay <b>{n}</b> casa',
@@ -213,8 +266,6 @@ anota({
   '{name} has a house now': '{name} ya tiene casa',
   '{name} joined the city': '{name} se ha mudado a la ciudad',
   'What else does it work on?': '¿Sobre qué más trabaja?',
-  'A repository, a worktree, or a folder of documents. It is linked, never copied.':
-    'Un repositorio, un worktree o una carpeta de documentos. Se enlaza, nunca se copia.',
   'Mount it': 'Montarlo',
   Mounted: 'Montado',
   'Stop this agent working on {what}?': '¿Que este agente deje de trabajar sobre {what}?',
@@ -274,3 +325,112 @@ anota({
   'This install has no demo recordings. Make them with demo/graba.py, or run the full thing from a terminal with agents-city demo.':
     'Esta instalación no tiene grabaciones. Créalas con demo/graba.py, o lanza la cosa entera desde terminal con agents-city demo.',
 });
+
+anota({
+  '{n} folder': '{n} carpeta',
+  '{n} folders': '{n} carpetas',
+  '{n} file': '{n} fichero',
+  '{n} files': '{n} ficheros',
+  'files are below the folders': 'los ficheros van debajo de las carpetas',
+});
+
+anota({
+  // ── what runs a house ─────────────────────────────────────────────────────
+  'Leave all three on default and it runs the way you do. Whatever you set here is written once on the card, and the launcher hands it to whichever CLI runs this house.':
+    'Déjalos los tres por defecto y funcionará como tú. Lo que pongas aquí se escribe una sola vez en la ficha, y el lanzador se lo pasa a la CLI que mueva esta casa.',
+  'This CLI has no effort setting.': 'Esta CLI no tiene ajuste de esfuerzo.',
+  'An alias the Claude CLI resolves when the window opens.':
+    'Un alias que la CLI de Claude resuelve al abrir la ventana.',
+  'The model name your Codex uses — the one in ~/.codex/config.toml.':
+    'El nombre del modelo que usa tu Codex — el de ~/.codex/config.toml.',
+  'OpenCode names a model provider/model, like anthropic/claude-sonnet-4.':
+    'OpenCode nombra los modelos proveedor/modelo, como anthropic/claude-sonnet-4.',
+  'The model name your Kimi CLI uses.': 'El nombre del modelo que usa tu CLI de Kimi.',
+});
+
+anota({
+  // ── the seat, the goal, the day ───────────────────────────────────────────
+  'my seat': 'mi asiento',
+  'Save my seat': 'Guardar mi asiento',
+  'work domain': 'dominio de trabajo',
+  'your day': 'tu día',
+  'the agents': 'los agentes',
+  'repo agents': 'agentes de repo',
+  'one goal — optional': 'un objetivo — opcional',
+  'The goal, in one line': 'El objetivo, en una línea',
+  'Concrete enough to argue with — empty skips it':
+    'Lo bastante concreto como para discutirlo — vacío lo salta',
+  'How it is measured': 'Cómo se mide',
+  'in prose: the architect reads the AGENTS.md files on Fridays':
+    'en prosa: el arquitecto lee los AGENTS.md los viernes',
+  'The command that returns it, if a command can':
+    'El comando que lo devuelve, si un comando puede',
+  'What it returns today': 'Lo que devuelve hoy',
+  'Where it has to get to': 'A dónde tiene que llegar',
+  'By when': 'Para cuándo',
+  'empty for a qualitative goal': 'vacío para un objetivo cualitativo',
+  '…or who judges it, and how often': '…o quién lo juzga, y cada cuánto',
+  'what is left': 'lo que queda',
+  'open my session': 'abrir mi sesión',
+  'Open the roster': 'Abrir la lista',
+
+  // ── districts, roads, the committee ───────────────────────────────────────
+  'districts & houses': 'distritos y casas',
+  'Save districts & houses': 'Guardar distritos y casas',
+  'another district…': 'otro distrito…',
+  'The modelling no tool can do for you': 'El modelado que ninguna herramienta puede hacer por ti',
+  'A house is <b>not a repo</b> — it is a parcel, a slice of one serving a single business unit. Split the interesting repos, give every house its district, and the map can say “this change touches banking” instead of “this change touches src/lib”.':
+    'Una casa <b>no es un repo</b> — es una parcela, una porción de uno al servicio de una sola unidad de negocio. Parte los repos interesantes, dale a cada casa su distrito, y el mapa podrá decir «este cambio toca banca» en vez de «este cambio toca src/lib».',
+  'Cities this one may reach': 'Ciudades a las que ésta puede llegar',
+  'No roads yet. This city is isolated on purpose.':
+    'Aún no hay carreteras. Esta ciudad está aislada a propósito.',
+  'No unconnected local cities.': 'No hay ciudades locales sin conectar.',
+  'other cities on this machine': 'otras ciudades en esta máquina',
+  'remote invitation · public, no token': 'invitación remota · pública, sin token',
+  'committee acts': 'actas del comité',
+  'Decisions with a visible chain of custody': 'Decisiones con una cadena de custodia visible',
+  'No committee acts yet. Open one only when the seat needs specialised evidence.':
+    'Aún no hay actas. Abre un comité sólo cuando el asiento necesite pruebas especializadas.',
+  'agents-city committee schema open': 'agents-city committee schema open',
+  'guided committee': 'comité guiado',
+  'Play the guided committee from the top': 'Reproducir el comité guiado desde el principio',
+  'Pause or resume mid-scene': 'Pausar o seguir a mitad de escena',
+  '⟳ replay': '⟳ repetir',
+  '⏸ pause': '⏸ pausa',
+  'seat moderates': 'el asiento modera',
+  'read full message': 'leer el mensaje entero',
+
+  // ── the cities view ───────────────────────────────────────────────────────
+  'One person, several autonomous cities: each has its own identity, domain, chair, <b>its own houses</b> and its own roads. A house is not shared — it stands inside the city that owns it, with its workspace and mounts under that city’s folder — so two cities can each have a <code class="mono">docs</code> house and they are two different workers. They share nothing unless you build a road between them.':
+    'Una persona, varias ciudades autónomas: cada una con su identidad, su dominio, su silla, <b>sus propias casas</b> y sus carreteras. Una casa no se comparte — está dentro de la ciudad que la posee, con su espacio de trabajo y sus montajes bajo la carpeta de esa ciudad — así que dos ciudades pueden tener cada una su casa <code class="mono">docs</code> y son dos trabajadores distintos. No comparten nada salvo que construyas una carretera entre ellas.',
+  'client-a, research, the book…': 'cliente-a, investigación, el libro…',
+  'which city this hall manages': 'qué ciudad gobierna este ayuntamiento',
+  'Takes {city} back to its first day: no seat, no agents, no committee history, no map. Your repositories and document folders are <b>never touched</b> — only the city that points at them.':
+    'Devuelve {city} a su primer día: sin asiento, sin agentes, sin historial de comité, sin mapa. Tus repositorios y carpetas de documentos <b>no se tocan</b> — sólo la ciudad que apunta a ellos.',
+
+  // ── the houses ────────────────────────────────────────────────────────────
+  'Agents &amp; skills': 'Agentes y skills',
+  '<b>A house is where an agent lives and works</b>, and many houses are a city — it is the same thing the map draws, growing with what that agent actually does. The card and the CLI call them <code class="mono">agents</code>; here you see their houses.':
+    '<b>Una casa es donde vive y trabaja un agente</b>, y muchas casas son una ciudad — es lo mismo que dibuja el mapa, creciendo con lo que ese agente hace de verdad. La ficha y la CLI los llaman <code class="mono">agents</code>; aquí ves sus casas.',
+  'They belong to <b>this</b> city and only to it: each one’s workspace and its mounts live inside {donde}, so another city has its own people even if you give them the same names.':
+    'Pertenecen a <b>esta</b> ciudad y sólo a ella: el espacio de trabajo de cada una y sus montajes viven dentro de {donde}, así que otra ciudad tiene su propia gente aunque les pongas los mismos nombres.',
+  'a legacy repo agent works on its own repo':
+    'un agente de repo heredado trabaja sobre su propio repo',
+  'data repo': 'repo de datos',
+  'skills recognised': 'skills reconocidas',
+  'plugin installed': 'plugin instalado',
+  'Reroll this agent’s face — deterministic, persisted on the card':
+    'Vuelve a tirar la cara de este agente — determinista, guardada en la ficha',
+  'Instructions the Claude runtime reads': 'Instrucciones que lee el runtime de Claude',
+  'Instructions Codex, OpenCode and Kimi read': 'Instrucciones que leen Codex, OpenCode y Kimi',
+  'Run the engine for real: --version, and the login state on Claude':
+    'Ejecuta el motor de verdad: --version, y el estado de sesión en Claude',
+  'Install a skill zip into this agent’s own home — the Claude runtime reads skills; other engines ignore them':
+    'Instala un zip de skill en la casa de este agente — el runtime de Claude lee skills; los demás motores las ignoran',
+  'Remove this skill from the agent’s home': 'Quitar esta skill de la casa del agente',
+
+  // ── while it is reading ───────────────────────────────────────────────────
+  'reading the domain packs': 'leyendo los paquetes de dominio',
+  'reading the role files': 'leyendo los ficheros de rol',
+  'an isometric house': 'una casa isométrica',
+});

package/city/web/src/explorador.ts

@@ -16,7 +16,8 @@
  * are allowed to pick.
  */
 
-import { t as _ } from './idioma';
+import { plural, t as _ } from './idioma';
+import { Montada } from './vista';
 
 export interface Entrada {
   nombre: string;
@@ -30,7 +31,6 @@ export interface Entrada {
 interface Listado {
   ruta: string;
   arriba: string;
-  casa: string;
   atajos: Array<{ nombre: string; ruta: string }>;
   entradas: Entrada[];
   recortada: boolean;
@@ -44,41 +44,38 @@ export interface PuertaExp {
 
 const MARCA: Record<string, string> = { repo: 'git', worktree: 'wt' };
 
-export class Explorador {
+export class Explorador extends Montada {
   private aqui = '';
   private listado: Listado | null = null;
   private cargando = false;
   private fallo = '';
-  private host: HTMLElement | null = null;
 
   constructor(
     private readonly p: PuertaExp,
     /** Called with a path when a row's + is pressed. */
-    private readonly elige: (ruta: string, esCarpeta: boolean) => void,
+    private readonly elige: (ruta: string) => void,
     /** Which paths are already chosen, so their rows read as chosen. */
     private readonly yaElegidas: () => string[],
-  ) {}
-
-  /** Render into `host` and wire it. Safe to call again: that is the repaint. */
-  monta(host: HTMLElement): void {
-    this.host = host;
-    if (!this.listado && !this.cargando) void this.ve(this.aqui || '~');
-    host.innerHTML = this.html();
-    this.enlaza(host);
+  ) {
+    super();
   }
 
-  private repinta(): void {
-    if (this.host) {
-      this.host.innerHTML = this.html();
-      this.enlaza(this.host);
-    }
+  override monta(host: HTMLElement): void {
+    super.monta(host);
+    // The first mount is also what sends it walking; every later one is a
+    // repaint of where it already is.
+    if (!this.listado && !this.cargando) void this.ve(this.aqui || '~');
   }
 
   /** Walk to a folder. An unreadable one is said out loud, not swallowed. */
   async ve(ruta: string): Promise<void> {
     this.cargando = true;
     this.fallo = '';
-    this.repinta();
+    // Only when there is nothing on screen yet. Otherwise this rendered markup
+    // byte-identical to what was already there — the loading branch only draws
+    // when there is no listing — which made every step into a folder cost two
+    // full renders instead of one.
+    if (!this.listado) this.repinta();
     try {
       const r = await this.p.api<Listado>('/api/carpeta?path=' + encodeURIComponent(ruta));
       if (r.error) this.fallo = r.error;
@@ -94,11 +91,6 @@ export class Explorador {
     }
   }
 
-  /** The path being looked at right now — what "add this folder" means. */
-  get carpeta(): string {
-    return this.aqui;
-  }
-
   private migas(): string {
     const esc = this.p.esc;
     const l = this.listado;
@@ -117,10 +109,13 @@ export class Explorador {
     );
   }
 
-  html(): string {
+  protected html(): string {
     const esc = this.p.esc;
     const l = this.listado;
     const elegidas = new Set(this.yaElegidas());
+    // Out of the loop: two fixed labels, translated once instead of per row.
+    const yaEsta = _('Already chosen');
+    const anade = _('Add this');
     const filas = (l?.entradas ?? [])
       .map((e) => {
         const puesta = elegidas.has(e.ruta);
@@ -132,8 +127,7 @@ export class Explorador {
             e.git ? `<em class="expMarca">${esc(MARCA[e.git] ?? e.git)}</em>` : ''
           }${e.enlace ? '<em class="expMarca">link</em>' : ''}</button>
         <button type="button" class="expMas" data-exp="toma" data-ruta="${esc(e.ruta)}"
-          data-dir="${e.dir ? '1' : ''}"
-          title="${esc(puesta ? _('Already chosen') : _('Add this'))}">${puesta ? '✓' : '+'}</button>
+          title="${esc(puesta ? yaEsta : anade)}">${puesta ? '✓' : '+'}</button>
       </div>`;
       })
       .join('');
@@ -154,6 +148,7 @@ export class Explorador {
             title="${_('Up one folder')}">↑</button>
           <div class="expMigas">${this.migas()}</div>
         </div>
+        ${this.cuenta(l)}
         ${
           this.fallo
             ? `<p class="pista malo">${esc(this.fallo)}</p>`
@@ -165,25 +160,57 @@ export class Explorador {
         }
         ${l?.recortada ? `<p class="pista">${_('Only the first 2000 shown.')}</p>` : ''}
         <button type="button" class="bt bvMini expTomaAqui" data-exp="toma"
-          data-ruta="${esc(l?.ruta ?? '')}" data-dir="1" ${l ? '' : 'disabled'}>${_(
-            'Add this folder',
-          )}</button>
+          data-ruta="${esc(l?.ruta ?? '')}" ${l ? '' : 'disabled'}>${_('Add this folder')}</button>
       </div>`;
   }
 
-  private enlaza(raiz: HTMLElement): void {
-    raiz.querySelectorAll<HTMLElement>('[data-exp]').forEach((el) => {
-      el.onclick = (evento) => {
-        evento.preventDefault();
-        evento.stopPropagation();
-        const ruta = el.dataset.ruta ?? '';
-        if (!ruta) return;
-        if (el.dataset.exp === 've') void this.ve(ruta);
-        else {
-          this.elige(ruta, el.dataset.dir === '1');
-          this.repinta();
-        }
-      };
+  /**
+   * What is in this folder, said before you scroll.
+   *
+   * Folders sort first, as every file picker has done for forty years — which
+   * means in a folder with eight of them the files start below the fold, and a
+   * list that does not say they are there reads as a folder-only picker. This
+   * line is the difference between "there are no files here" and "keep going".
+   */
+  private cuenta(l: Listado | null): string {
+    if (!l || !l.entradas.length) return '';
+    const carpetas = l.entradas.filter((e) => e.dir).length;
+    const ficheros = l.entradas.length - carpetas;
+    const trozos = [];
+    if (carpetas) trozos.push(plural(carpetas, '{n} folder', '{n} folders'));
+    if (ficheros) trozos.push(plural(ficheros, '{n} file', '{n} files'));
+    return `<p class="expCuenta">${this.p.esc(trozos.join(' · '))}${
+      ficheros ? ` — ${_('files are below the folders')}` : ''
+    }</p>`;
+  }
+
+  /**
+   * One listener on the root, not one per row.
+   *
+   * A folder with two thousand entries has four thousand buttons in it, and
+   * binding a closure to each of them on every repaint is most of what a
+   * repaint costs. Delegation also survives the repaint, so the handler is
+   * attached exactly once for the life of the picker.
+   */
+  protected enlaza(raiz: HTMLElement): void {
+    if (raiz.dataset.expEnlazado === '1') return;
+    raiz.dataset.expEnlazado = '1';
+    raiz.addEventListener('click', (evento) => {
+      const el = (evento.target as HTMLElement | null)?.closest<HTMLElement>('[data-exp]');
+      if (!el || !raiz.contains(el)) return;
+      evento.preventDefault();
+      evento.stopPropagation();
+      const ruta = el.dataset.ruta ?? '';
+      if (!ruta) return;
+      // A row's own tick is this picker's business — the Hall's mount dialog
+      // has no other way to show it. What the host must NOT do is repaint
+      // itself around us on every click; that is what rendered the listing
+      // twice per tick, and it is fixed on the host's side.
+      if (el.dataset.exp === 've') void this.ve(ruta);
+      else {
+        this.elige(ruta);
+        this.repinta();
+      }
     });
   }
 }