# Design Agent Frontend

React + Vite + TypeScript frontend.

## 위치

- `Front/` — 이 폴더
- 원본 작업 위치 = `D:\ad-hoc\kei\design_agent_front\design-agent\` (로컬 dev)

## 실행

```
cd Front/
pnpm install
pnpm dev
```

http://localhost:3000 에서 확인. `DESIGN_AGENT_ROOT` env 로 backend 경로 지정 가능.

## 구조

```
Front/
├── client/                React frontend (Vite root)
│   └── src/
│       ├── pages/
│       ├── components/
│       ├── services/
│       └── ...
├── server/                production express
├── vite.config.ts         dev plugin + backend 연결
└── ...
```

## Backend 연결 (vite.config.ts)

Vite dev plugin 이 다음 endpoint 등록 :

| Endpoint | 동작 |
|---|---|
| `POST /api/run` | MDX + overrides → backend pipeline spawn → run_id 반환 |
| `GET /api/sample-mdx?mdx=...` | sample MDX serve |
| `GET /frame-preview/{n}` | frame thumbnail |
| `GET /data/runs/{run_id}/{path}` | pipeline 산출물 serve |