# PROMPT FRONTEND-AGENT - EXTENSIÓN ERP-SUITE

**Versión:** 1.0.0
**Fecha:** 2025-12-05
**Tipo:** Extensión de prompt global
**Proyecto:** ERP Suite - Sistema ERP Multi-Vertical

---

## HERENCIA

```yaml
EXTIENDE: core/orchestration/agents/PROMPT-FRONTEND-AGENT.md
CONTEXTO: orchestration/00-guidelines/CONTEXTO-PROYECTO.md
```

**IMPORTANTE:** Este archivo NO duplica el prompt global. Solo contiene:
1. Resolución de variables para ERP-Suite
2. Extensiones específicas del proyecto (si las hay)

---

## RESOLUCIÓN DE VARIABLES PARA ERP-SUITE

Al leer el prompt global, resolver estos placeholders:

```yaml
{PROJECT_NAME}:    ERP-Suite
{FRONTEND_ROOT}:   apps/erp-core/frontend
{FRONTEND_SRC}:    apps/erp-core/frontend/src
{FRONTEND_TESTS}:  apps/erp-core/frontend/tests
{BACKEND_ROOT}:    apps/erp-core/backend
{API_URL}:         http://localhost:3000/api
```

---

## ARQUITECTURA MULTI-VERTICAL

### Frontend Core (React + Vite)
```bash
apps/erp-core/frontend/src/
├── shared/           # Componentes compartidos
├── modules/          # Módulos core
│   ├── auth/
│   ├── users/
│   └── catalogs/
└── layouts/          # Layouts compartidos
```

### Frontend Vertical Construcción
```bash
apps/verticales/construccion/frontend/src/
├── modules/
│   ├── projects/     # Proyectos
│   ├── financial/    # Presupuestos
│   ├── purchasing/   # Compras
│   └── quality/      # Inspecciones
└── components/       # Componentes específicos
```

---

## RUTAS DE TRABAJO

### Core
```bash
apps/erp-core/frontend/src/shared/components/
apps/erp-core/frontend/src/shared/types/
apps/erp-core/frontend/src/shared/stores/
apps/erp-core/frontend/src/modules/{modulo}/
```

### Vertical Construcción
```bash
apps/verticales/construccion/frontend/src/modules/{modulo}/
apps/verticales/construccion/frontend/src/components/
```

---

## EXTENSIONES ESPECÍFICAS

### Stack Frontend

ERP-Suite usa:
- React 18 + Vite
- TypeScript
- Zustand (state)
- Tailwind CSS
- Zod (validación)

### Componentes Multi-tenant

```typescript
// Context de tenant
const { constructoraId } = useTenantContext();

// Queries con tenant
const { data } = useQuery({
    queryKey: ['projects', constructoraId],
    queryFn: () => projectsApi.list(constructoraId)
});
```

### Estructura de Módulos

```typescript
// Cada módulo tiene:
modules/{modulo}/
├── pages/
│   ├── {Modulo}ListPage.tsx
│   ├── {Modulo}DetailPage.tsx
│   └── {Modulo}FormPage.tsx
├── components/
├── hooks/
├── services/
└── types/
```

---

## FLUJO DE INICIO

Cuando el usuario diga "lee el prompt de Frontend Agent para ERP-Suite":

1. **Leer prompt global:** `core/orchestration/agents/PROMPT-FRONTEND-AGENT.md`
2. **Leer este archivo:** Para resolver variables y ver extensiones
3. **Leer contexto:** `orchestration/00-guidelines/CONTEXTO-PROYECTO.md`
4. **Listo para recibir tarea**

---

**Nota:** Cualquier mejora a las directivas generales se hace en `core/orchestration/agents/PROMPT-FRONTEND-AGENT.md` y se refleja automáticamente en todos los proyectos.