egutierrez
ca07927d38
- frontend/DESIGN_SYSTEM.md: contrato del @fn_library (regla suprema para Claude Design y agentes). - frontend/design_prompts/: 11 plantillas de prompt (onboarding, dashboard, crud, detail, settings, auth, error, custom, handoff_integrate) + questionnaire numerado para arranque rapido. - .claude/commands/extract-design.md: workflow de 10 pasos para extraer componentes nuevos y mejoras desde exports "standalone" de Claude Design al registry, sync al espejo fn-design-system y push a gitea+github. - .claude/scripts/extract_design_bundle.py: decodificador del bundle (base64+gzip en manifest, nombra JSX por heuristica de header). - .gitignore: ignorar subrepos/*/ (el mirror fn-design-system es repo propio con remotes dataforge/fn-design-system + gutierenmanuel/fn-design-system). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
43 lines
1.4 KiB
Markdown
43 lines
1.4 KiB
Markdown
# Página de configuración
|
|
|
|
Diseña una página de settings usando `settingsPage` como generator raíz. Respeta `DESIGN_SYSTEM.md`.
|
|
|
|
## Navegación lateral
|
|
| key | label | icono Tabler |
|
|
|-----|-------|--------------|
|
|
| {general} | General | IconSettings |
|
|
| {profile} | Perfil | IconUser |
|
|
| {notifications} | Notificaciones | IconBell |
|
|
| {security} | Seguridad | IconLock |
|
|
| {billing} | Facturación | IconCreditCard |
|
|
| {api_keys} | API Keys | IconKey |
|
|
|
|
## Secciones (una por key de nav)
|
|
|
|
### {general}
|
|
- `{site_name}` · text · "Nombre del sitio"
|
|
- `{timezone}` · select · opciones `[UTC, Europe/Madrid, ...]`
|
|
- `{language}` · simple_select · `[es, en, fr]`
|
|
|
|
### {profile}
|
|
- `{full_name}` · text · required
|
|
- `{email}` · text · required, validación email
|
|
- `{avatar}` · file_input · image/*
|
|
- `{bio}` · textarea · maxlength 500
|
|
|
|
### {notifications}
|
|
- `{email_alerts}` · toggle · default true
|
|
- `{daily_digest}` · toggle · default false
|
|
- `{quiet_hours}` · date_picker_input (range)
|
|
|
|
### {security}
|
|
- Password change (PasswordInput old + new + confirm)
|
|
- 2FA toggle
|
|
- Active sessions list (DataTable + "Revoke" per row)
|
|
|
|
## Guardado
|
|
- Botones al pie de cada sección: "Cancelar" (ghost) + "Guardar cambios" (default).
|
|
- O autosave con toast de confirmación (si lo prefieres, explícalo aquí).
|
|
|
|
Entrégalo listo para Handoff to Claude Code.
|