# [Nombre del proyecto] — Plan

## Objetivo

[Un párrafo describiendo qué quiere explorar o validar el usuario con este sandbox.]

---

## Estado

- [ ] Planificado
- [ ] En progreso
- [ ] Listo para revisar
- [ ] Cerrado

---

## Contexto técnico

- **Features activas:** i18n (incluido por defecto)
- **Stack base:** React 18, TypeScript, Vite, material-hu, React Router v6
- **Último punto de guardado:** *(se actualiza con cada commit confirmado)*

---

## Flujos

Diagrama de navegación entre pantallas, estados y overlays. Validado con el usuario antes de detallar las pantallas.

```mermaid
flowchart TD
    [Completar con el diagrama de flujo del proyecto]
```

---

## Features

Base de datos de features del proyecto. Se completa por pantalla vía `/refine-feature`.

*(Base de datos embebida — vista agrupada por Módulo → Screen, ordenada por Orden)*

### Propiedades de la base de datos

| Propiedad | Tipo | Descripción |
|---|---|---|
| **Name** | Title | Nombre de la feature (ej. "Empty state", "Lista de procesos") |
| **Módulo** | Select | Módulo al que pertenece (ej. "Processes") |
| **Screen** | Select | Screen dentro del módulo (ej. "List", "Create") |
| **Estado** | Select | `Pendiente` / `En progreso` / `✅ Listo` |
| **Descripción** | Text | Una línea de qué muestra o hace esta feature |
| **Orden** | Number | Orden de implementación dentro de la screen (1, 2, 3…) |
| **Criterios** | Text | 2-4 criterios de validación visual en español |
| **Commit** | Text | Mensaje del commit cuando se completó |

Cada registro tiene además una **página interna** con el detalle de implementación:
- Tabla de componentes (Sección / Componente / Storybook / Import path / Prop clave / Valor)
- Tabla de estructura de datos (Campo / Tipo / Visible en UI / Fuente)
- Pseudo-snippets validados con el usuario

---

## Decisiones de diseño

*(Se completa durante la implementación — alternativas consideradas y por qué se eligió cada una)*

---

## Notas para dev

*(Completar si el proyecto podría integrarse al backoffice)*

- Pantallas que podrían reutilizarse:
- Dependencias adicionales usadas:
- Consideraciones de integración:
