xonecode 0.29.0 → 0.33.0

package/dist/web/servidor/transporte.js.map

@@ -1 +1 @@
-{"version":3,"file":"transporte.js","sourceRoot":"","sources":["../../../src/web/servidor/transporte.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"transporte.js","sourceRoot":"","sources":["../../../src/web/servidor/transporte.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xonecode",
-  "version": "0.29.0",
+  "version": "0.33.0",
   "description": "Consola CLI y harness de agente para desarrollar aplicaciones XOne",
   "type": "module",
   "license": "MIT",
@@ -46,6 +46,7 @@
     "@langchain/openai": "1.5.5",
     "@modelcontextprotocol/sdk": "^1.30.0",
     "@truefoundry/trueforge-core": "0.2.1",
+    "acorn": "^8.19.0",
     "better-sqlite3": "13.0.3",
     "deepagents": "^1.14.0",
     "fflate": "^0.8.3",

package/skills/xone-development/SKILL.md

@@ -12,7 +12,8 @@ Consulta estos ficheros según lo que busques:
 
 | Qué buscas | Dónde |
 |---|---|
-| **El índice COMPLETO** de las 55 referencias, por familia | [references/indice-completo.md](references/indice-completo.md) |
+| **El índice COMPLETO** de las 56 referencias, por familia | [references/indice-completo.md](references/indice-completo.md) |
+| **Traducir una maqueta HTML** (el `code.html` de Stitch, Tailwind) a XOne, clase a clase | [references/css/de-una-maqueta-a-xone.md](references/css/de-una-maqueta-a-xone.md) |
 | **Tipos de `prop` válidos** (la tabla) | [references/tipos-de-prop.md](references/tipos-de-prop.md) |
 | **Anti-patrones**: lo que NO hay que hacer, con el porqué | [references/anti-patrones.md](references/anti-patrones.md) |
 | Resumen de la capa XML y de la capa CSS | [references/resumen-xml-y-css.md](references/resumen-xml-y-css.md) |

package/skills/xone-development/references/css/buenas-practicas-y-parser.md

@@ -30,7 +30,7 @@ Contenido: §17 top 15 buenas prácticas, anti-patrones y checklist · §18 func
 
 10. **Preferir `text-border-bottom: true` para inputs** - Es el patron Material Design más limpio y común.
 
-11. **Usar `border-corner-radius` como mitad del `height` para botones pill** - Ejemplo: `height: 56p; border-corner-radius: 28;`.
+11. **Para un botón pill, `border-corner-radius: 999`** - El radio va en **píxeles reales del aparato**, no en `p`, y se recorta a la mitad del alto. «La mitad del `height`» (`height: 56p; border-corner-radius: 28;`) solo da una píldora en el aparato de referencia: en uno de más resolución sale un rectángulo redondeado (medido en un emulador Android).
 
 12. **Recordar que alpha va PRIMERO en ARGB** - `#80FFFFFF` = blanco 50%, no `#FFFFFF80`.
 
@@ -395,6 +395,7 @@ Recomendado durante el desarrollo para detectar typos y referencias rotas; opcio
 | `padding-left: 20px` | `lpadding: 20p` |
 | `border-radius: 8px` | `border-corner-radius: 8` |
 | `border: 1px solid #ccc` | `border: true; border-width: 1; border-color: #CCCCCC;` |
+| `border: none` en un botón | `border-width: 0;` — un `type="B"` pinta un contorno fino por omisión, y `border: false`, `border: 0`, `framebox: false` o `labelbox: false` NO lo quitan (medido en un emulador Android) |
 | `text-align: center` | `text-align: center` |
 | `height: 50px` | `height: 50p` |
 | `width: 100%` | `width: 100%` |

package/skills/xone-development/references/css/de-una-maqueta-a-xone.md

@@ -0,0 +1,81 @@
+# De una maqueta HTML (Stitch, Tailwind) a XOne
+
+Contenido: §1 cómo leer esta tabla · §2 medidas y unidades · §3 forma, bordes y fondos · §4 color · §5 texto y
+tipografías · §6 composición · §7 lo que no existe
+
+Una maqueta de Stitch trae un `code.html` con clases de Tailwind y una configuración propia (`tailwind.config`:
+colores con nombre, `borderRadius`, `fontFamily`, `fontSize`). Esta tabla dice cómo se escribe cada cosa en XOne.
+**XOne ignora en silencio lo que no conoce**: una clase traducida «a ojo» no da error, da una pantalla distinta.
+
+## 1. Cómo leer esta tabla
+
+Cada fila dice de dónde sale:
+
+- **medido**: comprobado en un emulador Android con una pantalla de prueba. Fíate.
+- **documentado**: lo dice otra referencia de esta skill, sin medida propia.
+- **sin medir**: no se ha comprobado. Pruébalo en el aparato antes de dar nada por bueno.
+
+Lo primero, siempre: lee la configuración de Tailwind del `code.html` (`tailwind.config = {…}`). Los nombres de las
+clases (`rounded-lg`, `text-key-numeric`, `bg-surface-container-high`) son de ESA maqueta y valen lo que diga ella.
+
+## 2. Medidas y unidades
+
+| En la maqueta | En XOne | De dónde |
+|---|---|---|
+| un ancho en px | `p`: `px_maqueta × resolution-width / ancho_de_la_maqueta`; o en `%` del contenedor | medido |
+| un alto en px | `p` con la misma cuenta. **Ojo**: un alto en `p` escala con el ALTO útil de la pantalla y un ancho con el ANCHO, así que en un teléfono alargado sale más alto (medido: ×1,72 en alto y ×1,5 en ancho, 15 % más alto de proporción) | medido |
+| `w-full` | `width="100%"` | documentado |
+| `p-N`, `px-N`, `py-N` | `lpadding`, `rpadding`, `tpadding`, `bpadding` (no hay abreviado) | documentado |
+| `m-N`, `mt-N`… | `lmargin`, `tmargin`… (no hay abreviado; `rmargin` en `%` se ignora) | documentado / medido |
+
+`p` no es el píxel y escala **por eje**: un ancho por `ancho_real / resolution-width`, un alto por
+`alto_útil / resolution-height` (el alto útil es la pantalla sin las barras de estado y de navegación). Lee los
+dos valores en el `app.xml` del proyecto.
+
+## 3. Forma, bordes y fondos
+
+| En la maqueta | En XOne | De dónde |
+|---|---|---|
+| `rounded-full` (píldora o círculo) | `border-corner-radius: 999` | medido |
+| `rounded-lg`, `rounded-xl`, `rounded-[Npx]` | `border-corner-radius` en **píxeles del aparato**, no en `p`: `px_maqueta × ancho_real / ancho_de_la_maqueta` (32 px en una maqueta de 390 son unos 89 en un aparato de 1080). El radio se recorta a la mitad del alto | medido (la unidad) |
+| un botón sin borde | `border-width: 0`. Un `type="B"` pinta un contorno fino por omisión; `border: false`, `border: 0`, `framebox: false` y `labelbox: false` NO lo quitan | medido |
+| `border`, `border-COLOR` | `border-width: 1; border-color: #RRGGBB` | documentado |
+| `bg-gradient-to-br from-A to-B` | un SVG con `generar_fondo_svg` (tipo degradado, ángulo 45 para `to-br`): en un BOTÓN va en `img`, en un frame en `imgbk` (en un botón `imgbk` se ignora) | medido |
+| `shadow-[0_6px_14px_…]` (sombra exterior) | un SVG con `generar_fondo_svg` (tipo sombra). **No** `elevation` en algo redondeado: recorta el fondo por abajo | medido |
+| `shadow-[inset_…]` (brillo interior) | no hay equivalente; si importa, dibújalo en el mismo SVG del fondo | sin medir |
+| `border-corner-radius` sobre una imagen de fondo | no la recorta: la esquina se dibuja DENTRO del SVG | medido |
+
+## 4. Color
+
+| En la maqueta | En XOne | De dónde |
+|---|---|---|
+| `bg-<nombre>`, `text-<nombre>` | el `#RRGGBB` que diga `tailwind.config` para ese nombre, en `bgcolor` y `forecolor` / `text-forecolor` | documentado |
+| `bg-<nombre>/80` (transparencia) | `#AARRGGBB` con el alfa **primero**: 80 % es `CC`, 60 % `99`, 5 % `0D` | documentado |
+| un color en un SVG | `#RRGGBB` más `opacity` (HTML y SVG ponen el alfa al final; XOne al principio) | medido |
+
+## 5. Texto y tipografías
+
+| En la maqueta | En XOne | De dónde |
+|---|---|---|
+| una fuente de Google Fonts (`fontFamily` en la configuración, `fonts.googleapis.com` en el `<head>`) | su `.ttf` en `fonts/` y `fontname: Nombre.ttf`. El `.ttf` variable que da Google Fonts vale tal cual (sale con su peso por omisión). **Se sube desplegando entero**: la recarga en caliente no lleva `fonts/`. Un `fontname` que no está en el aparato saca un diálogo de error y el control no se pinta | medido |
+| `text-[Npx]`, `fontSize` de la configuración | `fontsize` / `textfont-size`. La relación con los px de la maqueta **no está medida**: `fontsize: 40` salió de unos 100 px de alto en un aparato de 1080. Ajusta midiendo la captura | sin medir |
+| `font-medium`, `font-semibold`, `font-bold` | la variante de la fuente con ese peso (`Roboto-Bold.ttf`) o `fontbold` | documentado |
+| `uppercase` | escribe el texto ya en mayúsculas | sin medir |
+| `tracking-*` (espaciado entre letras), `leading-*` (interlineado) | sin equivalente conocido | sin medir |
+| un texto que no cabe | `auto-fontsize="true"`, o una caja más alta: un `height` menor que la letra la corta por abajo | medido |
+| iconos `material-symbols-outlined` | `buscar_icono` → `icons/ic_<nombre>.svg`, en un `type="IMG"` (en el `img` de un botón se estira) | medido |
+
+## 6. Composición
+
+| En la maqueta | En XOne | De dónde |
+|---|---|---|
+| `grid grid-cols-4 gap-N` | una fila de controles con `width` en `%` que, con sus márgenes, sume como mucho el 100 %: el que se pasa desborda por la derecha | medido |
+| `flex justify-between` | márgenes en `%` entre los elementos de la fila | documentado |
+| `flex-col` | controles uno bajo otro (`newline`) dentro de un frame | documentado |
+| una cabecera fija (`fixed top-0`) | un `group` con `fixed="true"` y `orientation="top"` | documentado |
+
+## 7. Lo que no existe en XOne (no lo traduzcas, ni a medias)
+
+`hover:`, `active:`, `focus:`, `transition-*`, `animate-*`, `translate-*`, `scale-*`, `blur-*`, `backdrop-blur-*`,
+`opacity` animada, `pointer-events-*`, `select-none`, `overflow-x-auto` con barra oculta, `env(safe-area-inset-*)`.
+Son estados o animaciones del navegador; en XOne no hacen nada, y escribirlos con otro nombre no los hace existir.

package/skills/xone-development/references/css/patrones-material-y-temas.md

@@ -126,13 +126,15 @@ El footer es el frame inferior, normalmente con botones de acción.
 Los botones siguen el patron de Material Design con esquinas redondeadas y colores por estado:
 
 ```css
+/* Píldora: border-corner-radius: 999 (el radio va en PÍXELES del aparato y se recorta a la mitad del alto;
+   «28 = la mitad de 56p» solo vale en el aparato de referencia — medido en un emulador Android) */
 /* Boton primario - Accion principal */
 .btnPrimario {
     width: 90%;
     height: 56p;
     bgcolor: #1565C0;
     forecolor: #FFFFFF;
-    border-corner-radius: 28;
+    border-corner-radius: 999;
     text-align: center;
     fontsize: 16;
     fontname: Roboto-Bold.ttf;
@@ -146,7 +148,7 @@ Los botones siguen el patron de Material Design con esquinas redondeadas y color
     forecolor: #1565C0;
     border: true;
     border-color: #1565C0;
-    border-corner-radius: 28;
+    border-corner-radius: 999;
     text-align: center;
     fontsize: 16;
 }
@@ -157,7 +159,7 @@ Los botones siguen el patron de Material Design con esquinas redondeadas y color
     height: 56p;
     bgcolor: #F44336;
     forecolor: #FFFFFF;
-    border-corner-radius: 28;
+    border-corner-radius: 999;
     text-align: center;
     fontsize: 16;
 }
@@ -168,7 +170,7 @@ Los botones siguen el patron de Material Design con esquinas redondeadas y color
     height: 56p;
     bgcolor: #4CAF50;
     forecolor: #FFFFFF;
-    border-corner-radius: 28;
+    border-corner-radius: 999;
     text-align: center;
     fontsize: 16;
     fontname: Roboto-Bold.ttf;
@@ -180,7 +182,7 @@ Los botones siguen el patron de Material Design con esquinas redondeadas y color
     height: 56p;
     bgcolor: #00BCD4;
     forecolor: #FFFFFF;
-    border-corner-radius: 28;
+    border-corner-radius: 999;
     text-align: center;
     fontsize: 16;
     fontname: Roboto-Bold.ttf;
@@ -226,7 +228,7 @@ Los botones siguen el patron de Material Design con esquinas redondeadas y color
     width: 95%;
     height: 56p;
     bgcolor: #FFFFFF;
-    border-corner-radius: 28;
+    border-corner-radius: 999;
     border: true;
     border-color: #E0E0E0;
     lmargin: 15p;
@@ -306,7 +308,7 @@ El FAB es un botón circular flotante que representa la acción principal de la
     width: 56p;
     height: 56p;
     bgcolor: #1565C0;
-    border-corner-radius: 28;
+    border-corner-radius: 999;
 }
 
 /* FAB grande (64p) */
@@ -699,7 +701,7 @@ prop {
     height: 56p;
     bgcolor: #1565C0;
     forecolor: #FFFFFF;
-    border-corner-radius: 28;
+    border-corner-radius: 999;
     text-align: center;
     fontsize: 16;
     fontname: Roboto-Bold.ttf;
@@ -713,7 +715,7 @@ prop {
     forecolor: #1565C0;
     border: true;
     border-color: #1565C0;
-    border-corner-radius: 28;
+    border-corner-radius: 999;
     text-align: center;
     fontsize: 16;
 }
@@ -724,7 +726,7 @@ prop {
     height: 56p;
     bgcolor: #F44336;
     forecolor: #FFFFFF;
-    border-corner-radius: 28;
+    border-corner-radius: 999;
     text-align: center;
     fontsize: 16;
 }
@@ -735,7 +737,7 @@ prop {
     height: 56p;
     bgcolor: #4CAF50;
     forecolor: #FFFFFF;
-    border-corner-radius: 28;
+    border-corner-radius: 999;
     text-align: center;
     fontsize: 16;
     fontname: Roboto-Bold.ttf;
@@ -746,7 +748,7 @@ prop {
     width: 56p;
     height: 56p;
     bgcolor: #FFFFFF;
-    border-corner-radius: 28;
+    border-corner-radius: 999;
 }
 
 /* FAB */
@@ -818,7 +820,7 @@ prop {
     width: 95%;
     height: 56p;
     bgcolor: #FFFFFF;
-    border-corner-radius: 28;
+    border-corner-radius: 999;
     border: true;
     border-color: #E0E0E0;
     lmargin: 15p;

package/skills/xone-development/references/css/propiedades-y-herencia.md

@@ -499,7 +499,7 @@ El atributo `visible` usa un sistema de mascara de bits que controla en que modo
     height: 56p;
     bgcolor: #1565C0;
     forecolor: #FFFFFF;
-    border-corner-radius: 28;
+    border-corner-radius: 999;   /* píldora: el radio va en píxeles del aparato */
     ripple-effect: true;
     elevation: 4;
 }
@@ -573,7 +573,7 @@ El caso más común: una clase hereda de otra y sobreescribe algunos atributos.
     height: 56p;
     bgcolor: #1565C0;
     forecolor: #FFFFFF;
-    border-corner-radius: 28;
+    border-corner-radius: 999;   /* píldora: el radio va en píxeles del aparato */
     text-align: center;
     fontsize: 16;
     fontname: Roboto-Bold.ttf;

package/skills/xone-development/references/css/selectores-unidades-colores.md

@@ -492,7 +492,12 @@ frame {
 
 ### 3.1 `p` (puntos) - Unidad absoluta
 
-La unidad `p` representa **pixels en el dispositivo de referencia** definido por `resolution-width` y `resolution-height` en `app.xml`. En el dispositivo de referencia, `1p = 1px` real. En cualquier otro dispositivo, XOne escala automáticamente con la fórmula `tamaño_real_px = valor_p × (resolucion_real / resolution-width)`.
+La unidad `p` representa **pixels en el dispositivo de referencia** definido por `resolution-width` y `resolution-height` en `app.xml`. En el dispositivo de referencia, `1p = 1px` real. En cualquier otro dispositivo, XOne escala **cada eje por separado**:
+
+- un **ancho** en `p`: `px_reales = valor_p × (ancho_real / resolution-width)`;
+- un **alto** en `p`: `px_reales = valor_p × (alto_útil / resolution-height)`, donde el alto útil es la pantalla sin las barras de estado y de navegación.
+
+> **Medido** en un emulador Android de 1080×2400 con una app de `resolution-width="720"` y `resolution-height="1280"`: `width: 421p` → 631 px (×1,5) y `height: 120p` → 206 px (×1,72, porque el alto útil son 2205 px). Así que **la proporción de un control declarado en `p` cambia de un aparato a otro**: un cuadrado de `100p × 100p` sale más alto que ancho en un teléfono alargado.
 
 > **CRÍTICO: `p` ≠ Material `dp`.** Es un error común asumir que `p` equivale a `dp` (density-independent pixels) de Android. **NO lo es.** Para el dispositivo de referencia por defecto de XOne (1080×1920, xxhdpi, density 3×), Material `56dp` ≈ `168p`, NO `56p`. Aplicar valores Material directamente como `p` produce barras/botones ~3× más pequeños de lo necesario.
 
@@ -517,7 +522,7 @@ La unidad `p` representa **pixels en el dispositivo de referencia** definido por
 .btnPrimario {
     width: 90%;
     height: 124p;        /* Workflow "pill" CTA */
-    border-corner-radius: 62;
+    border-corner-radius: 999;   /* píldora en CUALQUIER aparato: el radio va en píxeles y se recorta a la mitad del alto */
 }
 ```
 
@@ -526,7 +531,7 @@ La unidad `p` representa **pixels en el dispositivo de referencia** definido por
 - Alturas fijas de headers, footers, botones
 - Tamaños de iconos y avatares
 - Margenes y paddings fijos
-- Radios de bordes (aunque estos van sin unidad)
+- **Los radios NO**: `border-corner-radius` va en **píxeles reales del aparato** y no escala con `p` (medido: un radio `50` en un botón de `100p` sale de ~48 px, un tercio de su alto real de 172 px). Para una píldora usa `border-corner-radius: 999`: el radio se recorta a la mitad del alto, sea cual sea el aparato
 - Dimensiones de componentes que no deben cambiar con el tamaño de pantalla
 
 ### 3.2 `%` (porcentaje) - Unidad relativa

package/skills/xone-development/references/indice-completo.md

@@ -60,6 +60,7 @@ Lee el fichero que corresponda antes de responder sobre atributos concretos, val
 - [css/dinamicos-cascada-y-componentes.md](references/css/dinamicos-cascada-y-componentes.md) — `##FLD_CAMPO##`, cascada de dispositivo, `strict-mode`, animaciones y tokens, gráficos, calendario y mapa
 - [css/patrones-material-y-temas.md](references/css/patrones-material-y-temas.md) — Patrones Material (header/body/footer, botones, inputs, tarjetas, FAB, toolbar, item de lista), temas light/dark y un `default.css` + `colors.css` completos y comentados
 - [css/buenas-practicas-y-parser.md](references/css/buenas-practicas-y-parser.md) — Buenas prácticas, anti-patrones, checklist de validación y detalle de las funciones del parser (`@import`, variables, `calc()`, `!important`, `!default`, `@extend`, modo estricto)
+- [css/de-una-maqueta-a-xone.md](references/css/de-una-maqueta-a-xone.md) — De una maqueta HTML de Stitch (Tailwind) a XOne, clase a clase: forma, bordes, fondos, color, tipografías y composición, con lo MEDIDO en el aparato separado de lo documentado
 
 ### Datos e integración
 - [datos/appdata.md](references/datos/appdata.md) — `appData` completo: colecciones, login/logout, paso de datos entre pantallas, macros globales, SQL directo, detección de dispositivo, `loadIncludeFile` y `loadCssFile`

package/skills/xone-hotswap/lib/geometria.mjs

@@ -0,0 +1,147 @@
+/**
+ * La GEOMETRÍA de una captura: el árbol de controles y las barras del sistema EN EL MISMO MOMENTO,
+ * guardados al lado de la imagen con su nombre (`calc_08.jpg` → `calc_08.geometria.json`).
+ *
+ * POR QUÉ, y por qué AQUÍ. El crítico visual del host (`xone_critica_visual`) compara tecla a tecla
+ * —qué falta, en qué fila, qué tamaño, qué queda tapado— leyendo cajas, no píxeles. Para eso necesita
+ * el árbol de la MISMA pantalla que la captura: emparejarlo después por la fecha de los ficheros ya
+ * cruzó una vez el árbol de una ronda con la captura de otra, y una cifra «exacta» de la ronda
+ * equivocada es peor que ninguna. Sacarlo en el mismo comando que la captura lo hace imposible.
+ *
+ * Las barras salen de `dumpsys window` (`InsetsSource … type=navigationBars frame=[0,2337][1080,2400]`):
+ * con Android dibujando de borde a borde, un control puede quedar DEBAJO de la barra de navegación, y
+ * su alto cambia según el aparato y el modo de navegación (medido en un pixel8: 63 px con gestos), así
+ * que no se adivina.
+ *
+ * NUNCA hace fallar la captura: si no se puede, se dice por stderr y la captura queda sin geometría.
+ * Va a `$XONECODE_HOTSWAP` (andamio, como los volcados del canal), no a artefactos: no es algo que mirar.
+ */
+import { execFileSync } from "node:child_process";
+import { mkdirSync, mkdtempSync, readdirSync, readFileSync, rmSync, writeFileSync } from "node:fs";
+import { tmpdir } from "node:os";
+import { join } from "node:path";
+import { NODE, rutaDeAdb } from "./dispositivo.mjs";
+
+/** El nombre del fichero de geometría de una captura: su nombre sin extensión + `.geometria.json`. */
+export function nombreDeGeometria(nombreDeCaptura) {
+  return `${nombreDeCaptura.replace(/\.[A-Za-z0-9]{2,4}$/, "")}.geometria.json`;
+}
+
+/** Las barras del sistema de la salida de `dumpsys window`, o `undefined` si no salen. Pura. */
+export function barrasDeDumpsys(salida) {
+  const frame = (tipo) => {
+    const m = new RegExp(`type=${tipo} frame=\\[(-?\\d+),(-?\\d+)\\]\\[(-?\\d+),(-?\\d+)\\] visible=true`).exec(String(salida));
+    return m === null ? undefined : { izquierda: +m[1], arriba: +m[2], derecha: +m[3], abajo: +m[4] };
+  };
+  const estado = frame("statusBars");
+  const navegacion = frame("navigationBars");
+  if (estado === undefined && navegacion === undefined) return undefined;
+  return { ...(estado === undefined ? {} : { estado }), ...(navegacion === undefined ? {} : { navegacion }) };
+}
+
+/** Hasta dónde llegan los controles del árbol (el borde derecho y el inferior más lejanos). Pura. */
+export function extensionDelArbol(arbol) {
+  let ancho = 0;
+  let alto = 0;
+  const visitar = (n) => {
+    if (Array.isArray(n)) return n.forEach(visitar);
+    if (n === null || typeof n !== "object") return;
+    const b = n.bounds;
+    if (b && typeof b.left === "number" && typeof b.width === "number" && typeof b.top === "number" && typeof b.height === "number") {
+      ancho = Math.max(ancho, b.left + b.width);
+      alto = Math.max(alto, b.top + b.height);
+    }
+    for (const v of Object.values(n)) if (v !== null && typeof v === "object") visitar(v);
+  };
+  visitar(arbol);
+  return { ancho, alto };
+}
+
+/**
+ * La imagen es de UN CONTROL y no de la pantalla entera (`xone-hotswap shot name=…`): es claramente más pequeña que
+ * lo que ocupa el árbol. Su geometría no le corresponde —las cajas son de la pantalla— y el crítico mediría píxeles
+ * que no son (medido: una foto del visor salía con siete textos «recortados»). Pura.
+ */
+export function esCapturaDeUnControl(pantalla, arbol, barras) {
+  // La PANTALLA la dice la barra de navegación (llega al borde inferior y ocupa el ancho entero). Sin ella, lo que
+  // ocupa el árbol, que puede pasarse: medido, un pie flotante de la app llegaba a y=2542 en una pantalla de 2400, y
+  // la captura completa parecía la de un control.
+  const n = barras?.navegacion;
+  const e = n !== undefined ? { ancho: n.derecha, alto: n.abajo } : extensionDelArbol(arbol);
+  return pantalla !== undefined && e.alto > 0 && (pantalla.alto < e.alto * 0.95 || pantalla.ancho < e.ancho * 0.95);
+}
+
+/** El ancho y el alto de un PNG o un JPEG, leídos de su cabecera. `undefined` si no se sabe. Pura. */
+export function medidasDeImagen(bytes) {
+  if (bytes.length >= 24 && bytes[0] === 0x89 && bytes[1] === 0x50) return { ancho: bytes.readUInt32BE(16), alto: bytes.readUInt32BE(20) };
+  if (bytes[0] === 0xff && bytes[1] === 0xd8) {
+    let i = 2;
+    while (i + 9 < bytes.length) {
+      if (bytes[i] !== 0xff) return undefined;
+      const marca = bytes[i + 1];
+      const largo = bytes.readUInt16BE(i + 2);
+      if (marca >= 0xc0 && marca <= 0xc3) return { alto: bytes.readUInt16BE(i + 5), ancho: bytes.readUInt16BE(i + 7) };
+      i += 2 + largo;
+    }
+  }
+  return undefined;
+}
+
+/**
+ * Guarda `<captura>.geometria.json` en `$XONECODE_HOTSWAP`. Devuelve el nombre, o `undefined` y lo dice.
+ * `bytes` son los de la captura (para su tamaño); `serie`, el aparato.
+ */
+export function guardarGeometria({ nombreDeCaptura, bytes, serie, entorno = process.env }) {
+  const destino = entorno.XONECODE_HOTSWAP;
+  if (!destino) {
+    process.stderr.write("(sin XONECODE_HOTSWAP: la captura queda sin geometría para el crítico)\n");
+    return undefined;
+  }
+  let arbol;
+  const temporal = mkdtempSync(join(tmpdir(), "xonecode-geometria-"));
+  try {
+    // El cliente guarda un árbol grande en `$XONECODE_HOTSWAP`: se le da uno PROPIO para saber cuál es.
+    const cliente = join(import.meta.dirname, "..", "scripts", "xone-hotswap");
+    execFileSync(NODE, [cliente, "getAllElements", "format=xone", ...(serie ? ["--serie", serie] : [])], {
+      encoding: "utf8",
+      env: { ...entorno, XONECODE_HOTSWAP: temporal },
+      stdio: ["ignore", "pipe", "ignore"],
+      timeout: 30_000,
+    });
+    const fichero = readdirSync(temporal).find((n) => n.endsWith(".json"));
+    if (fichero !== undefined) arbol = JSON.parse(readFileSync(join(temporal, fichero), "utf8"));
+  } catch {
+    // Sin canal o sin app: se queda sin árbol, y se dice abajo.
+  } finally {
+    rmSync(temporal, { recursive: true, force: true });
+  }
+  if (arbol === undefined) {
+    process.stderr.write("(no pude leer el árbol de controles: la captura queda sin geometría para el crítico)\n");
+    return undefined;
+  }
+  let barras;
+  try {
+    barras = barrasDeDumpsys(
+      execFileSync(rutaDeAdb(entorno), [...(serie ? ["-s", serie] : []), "shell", "dumpsys", "window"], {
+        encoding: "utf8",
+        maxBuffer: 64 * 1024 * 1024,
+        stdio: ["ignore", "pipe", "ignore"],
+        timeout: 15_000,
+      })
+    );
+  } catch {
+    // Sin barras, el crítico no puede decir qué queda tapado: lo dirá él.
+  }
+  const nombre = nombreDeGeometria(nombreDeCaptura);
+  const pantalla = medidasDeImagen(bytes);
+  if (esCapturaDeUnControl(pantalla, arbol, barras)) {
+    process.stderr.write("(captura de un control, no de la pantalla entera: sin geometría para el crítico)\n");
+    return undefined;
+  }
+  mkdirSync(destino, { recursive: true });
+  writeFileSync(
+    join(destino, nombre),
+    JSON.stringify({ v: 1, captura: nombreDeCaptura, en: new Date().toISOString(), ...(pantalla ? { pantalla } : {}), ...(barras ? { barras } : {}), arbol })
+  );
+  return nombre;
+}

package/skills/xone-hotswap/scripts/xone-captura-android

@@ -26,6 +26,7 @@ import { execFileSync } from "node:child_process";
 import { writeFileSync } from "node:fs";
 import { join, basename } from "node:path";
 import { serieAndroid, rutaDeAdb, NODE } from "../lib/dispositivo.mjs";
+import { guardarGeometria } from "../lib/geometria.mjs";
 
 const args = process.argv.slice(2);
 if (args.includes("--help") || args.includes("-h")) {
@@ -183,3 +184,8 @@ try {
 }
 
 console.log(`captura guardada como ${nombre} (${bytes.length} bytes). Es de la vía nativa: enseña lo que el SISTEMA pinta, no lo que la app host dice.`);
+
+// Y su GEOMETRÍA, en el mismo momento: el árbol de controles y las barras del sistema, para que el
+// crítico visual compare tecla a tecla con la pantalla que ESTA captura enseña (`../lib/geometria.mjs`).
+const geometria = guardarGeometria({ nombreDeCaptura: nombre, bytes, serie });
+if (geometria !== undefined) console.log(`(con su geometría para el crítico: /hotswap/${geometria})`);

package/skills/xone-hotswap/scripts/xone-hotswap

@@ -55,6 +55,7 @@ process.on("warning", (aviso) => {
 
 import { mkdirSync, writeFileSync } from "node:fs";
 import { join } from "node:path";
+import { guardarGeometria } from "../lib/geometria.mjs";
 import { dispositivoDeLaSesion, puertoConMotivo, retirarOpciones, serieAndroid, PUERTO_DEL_HOTSWAP } from "../lib/dispositivo.mjs";
 
 /**
@@ -320,6 +321,13 @@ function sinBinarios(respuesta) {
     const bytes = imagen === undefined ? Buffer.from(valor, "utf8") : Buffer.from(valor, "base64");
     mkdirSync(destino, { recursive: true });
     writeFileSync(join(destino, nombre), bytes);
+    // Una captura se guarda con su GEOMETRÍA (árbol de controles y barras del sistema) del mismo
+    // momento, para el crítico visual (`../lib/geometria.mjs`). La llamada de dentro pide un árbol, no
+    // una imagen, así que no vuelve a entrar aquí.
+    if (imagen !== undefined) {
+      const geometria = guardarGeometria({ nombreDeCaptura: nombre, bytes, serie: seriePedida });
+      if (geometria !== undefined) process.stderr.write(`(con su geometría para el crítico: /hotswap/${geometria})\n`);
+    }
     // Con la ruta VIRTUAL delante, que es la que se puede volver a abrir. Una captura sigue
     // diciendo `/artefactos/`, que es donde está y donde la tarjeta del hilo la enseña.
     const virtual = imagen === undefined ? RUTA_VIRTUAL : "/artefactos/";

package/skills/xone-hotswap/scripts/xone-recargar-android

@@ -198,6 +198,21 @@ if (cambiados.length === 0) {
   console.log("nada que recargar: los ficheros del proyecto ya son los del aparato.");
   if (otros.length > 0 && posicionales.length === 0) {
     console.log(`(no se comparan ${otros.length} fichero(s) que no son xne/js/css/ini/xml: iconos, bd, files…)`);
+    // Una FUENTE no se queda en «no se compara»: un `fontname` que no está en el aparato saca un diálogo de error y el
+    // control no se pinta (medido). Se dice con el remedio.
+    // Solo las NUEVAS o cambiadas (git: cada turno commitea lo que dejó, así que una recién añadida está sin
+    // commitear); sin git no se dice nada, mejor que avisar de todas en cada recarga.
+    let fuentes = [];
+    try {
+      fuentes = execFileSync("git", ["status", "--porcelain", "--", "fonts"], { encoding: "utf8", stdio: ["ignore", "pipe", "ignore"] })
+        .split("\n")
+        .filter((l) => l.trim() !== "");
+    } catch {
+      fuentes = [];
+    }
+    if (fuentes.length > 0) {
+      console.log(`(hay ${fuentes.length} fuente(s) nueva(s) o cambiada(s) en fonts/ y la recarga NO las sube: despliega entero con xone-desplegar-android)`);
+    }
   }
   process.exit(0);
 }