feat(F-124): completed feature

This commit is contained in:
chattie
2026-08-21 18:13:27 +02:00
parent a67045d97c
commit 2c20f56fa0
9 changed files with 169 additions and 46 deletions

View File

@@ -0,0 +1,41 @@
# F-124 — Layout 2 columnas para Categorías + Atributos
## Cambios
### `apps/admin/src/features/products/components/ProductEditor.tsx`
- Los bloques `<div>` de Categorías y Atributos (que antes eran siblings apilados verticalmente, ocupando todo el ancho) ahora se envuelven en un contenedor `grid grid-cols-1 lg:grid-cols-2 gap-6`:
- **Móvil** (`grid-cols-1`): apilados verticalmente, mismo comportamiento que antes
- **Desktop** (`lg:grid-cols-2` desde 1024px): lado a lado
```diff
+ <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
<div>
<div className="flex items-center justify-between mb-3">
<label className="text-sm font-semibold text-gray-900">Categorías</label>
</div>
<div className="border border-gray-200 rounded-xl p-3 space-y-2 max-h-52 overflow-y-auto">
{categories.map(...)}
</div>
</div>
<div>
<div className="flex items-center justify-between mb-3">
<label className="text-sm font-semibold text-gray-900">Atributos</label>
<span className="text-xs text-gray-400">{attributes.length} / 16</span>
</div>
<div className="grid grid-cols-2 sm:grid-cols-3 gap-2">
{Object.entries(ATTRIBUTE_LABELS).map(...)}
</div>
</div>
+ </div>
```
## Verificación
- `cd apps/admin && npx tsc --noEmit` → exit 0.
- `cd apps/admin && NEXT_PUBLIC_API_URL=http://192.168.18.93:3000 npm run build` → exit 0.
## Notas
- Sin cambios en backend, estado ni handlers.
- Solo presentación: el operador ve las dos secciones lado a lado en pantallas anchas, sigue apilado en móvil.
- Operador reinicia admin (`./scripts/monolith.sh prod restart`) para desplegar.

View File

@@ -0,0 +1,17 @@
{
"verdict": "APPROVED",
"agent": "leader",
"feature_id": "F-124",
"summary": "F-124 listo para commit.",
"checks": [
"reviewer.json APPROVED",
"security.json APPROVED",
"qa.json APPROVED",
"implementer.md completo",
"verify.sh verde",
"1 archivo modificado: apps/admin/src/features/products/components/ProductEditor.tsx"
],
"commit_message": "feat(F-124): completed feature",
"next_step": "operador: ./scripts/monolith.sh prod restart",
"closed_at": "2026-08-21T16:14:00Z"
}

View File

@@ -0,0 +1,17 @@
{
"verdict": "APPROVED",
"reviewer": "qa",
"feature_id": "F-124",
"summary": "Verificación build OK.",
"checks": [
"tsc --noEmit exit 0",
"npm run build exit 0",
"ProductEditor.tsx contiene grid grid-cols-1 lg:grid-cols-2 gap-6 envolviendo Categorías + Atributos",
"Estructura interna de cada bloque sin cambios"
],
"evidence_files": [
"apps/admin/src/features/products/components/ProductEditor.tsx"
],
"notes": "Tras restart, Categorías y Atributos se ven lado a lado en desktop (≥1024px), apilados en móvil.",
"reviewed_at": "2026-08-21T16:14:00Z"
}

View File

@@ -0,0 +1,17 @@
{
"verdict": "APPROVED",
"reviewer": "reviewer",
"feature_id": "F-124",
"summary": "Cambio mínimo: wrapper grid-cols-1 lg:grid-cols-2.",
"checks": [
"Categorías y Atributos envueltos en grid-cols-1 lg:grid-cols-2",
"gap-6 para separación entre columnas",
"Móvil (grid-cols-1): apilados (sin cambio)",
"Desktop (lg:grid-cols-2): lado a lado",
"Sin cambios en handlers ni estado",
"tsc --noEmit exit 0",
"npm run build exit 0"
],
"notes": "Cambio puramente de layout.",
"reviewed_at": "2026-08-21T16:14:00Z"
}

View File

@@ -0,0 +1,13 @@
{
"verdict": "APPROVED",
"reviewer": "security",
"feature_id": "F-124",
"summary": "Sin impacto de seguridad.",
"checks": [
"Sin cambios en endpoints",
"Sin cambios en handlers",
"Solo cambio CSS en JSX"
],
"notes": "Riesgo nulo.",
"reviewed_at": "2026-08-21T16:14:00Z"
}

View File

@@ -1,12 +1,12 @@
{
"feature_id": "F-129",
"feature_id": "F-124",
"stage": "build",
"agent": "implementer",
"action": "Remove autoscroll, add flex-col-reverse to log container",
"action": "Wrap Categorías + Atributos in grid-cols-1 lg:grid-cols-2",
"state": "running",
"next_agent": "reviewer",
"waiting_for": "build",
"updated_at": "2026-08-21T16:10:53Z",
"updated_at": "2026-08-21T16:13:03Z",
"timeline": [
{
"ts": "2026-08-21T15:16:30Z",
@@ -105,6 +105,20 @@
"stage": "build",
"state": "running",
"message": "Remove autoscroll, add flex-col-reverse to log container"
},
{
"ts": "2026-08-21T16:12:37Z",
"agent": "architect",
"stage": "design",
"state": "running",
"message": "Investigate categories/attributes layout"
},
{
"ts": "2026-08-21T16:13:03Z",
"agent": "implementer",
"stage": "build",
"state": "running",
"message": "Wrap Categorías + Atributos in grid-cols-1 lg:grid-cols-2"
}
]
}