From 2498010a21f6148f184251ffd34ea7fc80e5b2a7 Mon Sep 17 00:00:00 2001 From: dev Date: Mon, 24 Aug 2026 03:34:08 +0200 Subject: [PATCH] =?UTF-8?q?docs(theming):=20el=20handoff=20recoge=20la=20s?= =?UTF-8?q?egunda=20tanda=20del=2024=20=E2=80=94=20ocho=20componentes,=20s?= =?UTF-8?q?eis=20al=20100=20%?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit chat-message, chat-typing, fab, image-adjustments, separator y collapsible al 100 %; toolbar cerrado en 94 % y tags-input en 90 %, los dos por doctrina y no por deuda. Global 68 %, y los componentes al 100 % pasan de 36 a 42. Esta vez ningún commit se llevó trabajo ajeno: la ley del índice compartido ya iba en el brief. EL HALLAZGO QUE MÁS VALE Ceder el cromo al componente compuesto SALE GRATIS. toolbar deja que [data-button] gane —misma especificidad, emitido después— y no pierde ni una clave, porque su receta ya no escribe reglas sobre el botón. Medido antes de tocar nada: 51/54, y ninguna silenciosa era del botón. Es el reverso exacto de form, que conserva 23 declaraciones muertas por la misma causa. La firma pendiente de §13 tiene una salida barata y ya probada: no escribir la regla. LO QUE LA SUPERVISIÓN ARREGLÓ La sonda no congelaba nada, y es la que mide el gate del protocolo. Con transition y animation congeladas, los 18 diffs fantasma de chat-typing pasan a 0 sobre 1.568 valores. Las 164 fichas regeneradas quedaron clasificadas una a una en vez de por la cifra. Y refutado un susto: una sesión avisó de que cuatro veredictos §5 podían estar vacíos en HEAD; comprobados los ocho, intactos. DOS DEFECTOS REALES ANOTADOS Y NO TOCADOS El chip de añadir reacción de chat-message lo pinta popover.css y se ve en la captura: los chips de reacción son píldoras redondas y el de añadir un cuadrado gris. Y el morfo de tags-input sella aria-selected='true' como literal en cada etiqueta, así que archetypes.css le fija la tinta en reposo y su token nunca ha pintado — con cara de defecto de a11y. Los dos esperan decisión. Quedan cuatro de la cola A: scroll-area, tabs, slider y toast. Co-Authored-By: Claude Opus 5 --- docs/process/CONTINUE-theming.md | 64 ++++++++++++++++++++++++++++++++ 1 file changed, 64 insertions(+) diff --git a/docs/process/CONTINUE-theming.md b/docs/process/CONTINUE-theming.md index 08ce35442..f49fd4571 100644 --- a/docs/process/CONTINUE-theming.md +++ b/docs/process/CONTINUE-theming.md @@ -60,6 +60,70 @@ barrido del centinela sobre TODO el ledger (`REVIEW-theming-2026-08-23.md`). única forma de saberlo es correr el guard sobre el ledger entero, no sobre los que tocas. +## LO QUE DEJÓ LA SEGUNDA TANDA DEL 2026-08-24 (ocho componentes) + +Ocho más, por cuatro sesiones en paralelo, **con la ley del índice compartido +ya en el brief** — y esta vez ningún commit se llevó trabajo ajeno. Global +**68 %**, componentes al 100 % **36 → 42**. + +| componente | antes → después | lo que enseñó | +| --- | --- | --- | +| `chat-message` | 84 → **100 %** | el guard leía 45/75 y las TREINTA muertas eran ejes que la demo no enciende | +| `chat-typing` | 89 → **100 %** | sus puntos son `> span` desnudos y la demo arranca en `idle`: 3 nodos de 8 | +| `fab` | 88 → **100 %** | el centinela **se auto-cancela**: un lift de 1234 px se lleva el nodo de debajo del cursor | +| `image-adjustments` | 67 → **100 %** | **medir de MÁS midió menos**: el pase de hover recorre 30 nodos como mucho | +| `separator` | 67 → **100 %** | sin acuñar UNA sola clave: sus dos `100%` son identidad | +| `collapsible` | 90 → **100 %** | el que ANIMA no tiene un knob de motion: su firma es `emerge-expand`/`-collapse` | +| `toolbar` | 91 → **94 % CERRADO** | **ceder el cromo al compuesto SALE GRATIS** | +| `tags-input` | 88 → **90 % CERRADO** | su tinta de etiqueta **no ha pintado nunca** (`aria-selected` literal en el morfo) | + +**Dos techos, y los dos son doctrina**: los 4 privados de `tags-input` son los +cuatro el puente THM-2, y los 2 de `toolbar` son la identidad de la variante +(una barra `ghost` ES la que no tiene relleno ni sombra). + +### El hallazgo que más vale de la tanda + +**Ceder el cromo al componente compuesto SALE GRATIS.** `toolbar` deja que +`[data-button]` gane —misma especificidad, emitido después— y **no pierde ni +una clave**, porque su receta ya no escribe reglas sobre el botón (A-112). +Medido ANTES de tocar nada: 51/54, y ninguna silenciosa era del botón. Es el +**reverso exacto de `form`**, que conserva 23 declaraciones muertas por la +misma causa. La firma pendiente de §13 («¿manda el compuesto o la receta que lo +compone?») tiene por tanto una salida barata y ya probada: no escribir la regla. + +### Lo que la supervisión arregló + +- **La sonda NO congelaba nada** (`10832bef4`). El gate del protocolo es «diff + de computed CERO» y quien lo mide leía transiciones a medias y animaciones en + bucle donde pillaran. `chat-typing` dio **18 diffs de `opacity` corriendo la + sonda dos veces sobre código idéntico**; con la congelación, **0 sobre 1.568 + valores**. ⚠ El GUARD sigue congelando sólo `transition`: cambiarlo obliga a + re-verificar el ledger entero (§13). +- **164 fichas regeneradas, clasificadas una a una** (`5c8e707a0`): 155 sólo la + fecha, 7 mejoraban, **2 borraban prosa medida** — cosidas. El generador pisa + lo escrito a mano y eso ya está en §13 con su arreglo. +- **Refutado un susto**: una sesión avisó de que había revertido fichas ajenas y + de que cuatro veredictos §5 podían estar vacíos en HEAD. Comprobados los ocho: + **intactos, de 27 a 81 líneas cada uno**. + +### Defectos reales anotados, NO corregidos (mueven píxel o tocan morfo) + +- **`chat-message`**: el chip de añadir reacción lleva `data-popover-trigger` y + `popover.css` (0,2,0) le pinta fondo, borde, radio, tinta, altura, padding y + tamaño de letra. **Se ve en la captura**: los chips de reacción son píldoras + redondas y el de añadir es un cuadrado gris. Espera decisión de diseño. +- **`tags-input`**: el morfo sella `aria-selected='true'` como LITERAL en cada + etiqueta, así que `archetypes.css` (0,4,0) le fija tinta y velo de estado EN + REPOSO y su token nunca ha pintado. Tiene cara de defecto de a11y (un lector + anuncia todas las etiquetas como seleccionadas). Toca morfo ⇒ §12. + +### Cola A: quedan CUATRO + +`scroll-area` 94 · `tabs` 96 · `slider` 97 · `toast` 98. Y de la deuda B, tres: +`audio-player` (sin README de eidos donde escribir la sección), `palabras` y +`proof-of-human` (carriles propios). Más **quince pestañas `Tokens`** +pendientes, la deuda hermana que destapó saldar la B. + ## LO QUE DEJÓ LA SESIÓN DEL 2026-08-24 (doce componentes + supervisión) Doce componentes cerrados por cinco sesiones en paralelo, cada uno con su