# headway_design

Source **kit UI chung** Headway — gom component/CSS dùng lại từ Hiring + Pricing.

- Path host: `/srv/headway_design`
- Stack hwctl: `headway_design`
- Domain: https://design.headway.com.vn (edge LB → Tailscale `:5574`)
- Chi tiết file: [MANIFEST.md](./MANIFEST.md)
- **Không** mirror sang máy control — sửa/đọc trực tiếp trên host.

## Domain / browse kit

Trang public chỉ để **duyệt source kit** (MANIFEST, components, css…), không phải app nghiệp vụ.

1. Mở https://design.headway.com.vn
2. Vào `MANIFEST.md`, `components/`, `css/`, hoặc `static/404.html`
3. Sửa file tại `/srv/headway_design` → refresh domain (volume mount trực tiếp)

Backend: container `headway_design` (nginx alpine) bind `100.70.210.3:5574`.

## Nguyên tắc
1. Kit = shell, bảng, dialog, loader, chrome — **không** nghiệp vụ.
2. Đổi UI chung → sửa đây → `design-bootstrap` từng service → build.
3. Brand/màu service nằm token local của service (xem `css/hw-tokens.pricing-example.css`).
4. Trang 404 chung: `static/404.html` — copy sang `public/404.html` (hoặc nginx public) của từng service; chữ không gắn tên service.

## Lệnh (máy control)
```bash
bin/hwctl code roots headway_design
bin/hwctl code tree headway_design --under /srv/headway_design --depth 2
bin/hwctl code design-sync
bin/hwctl code design-bootstrap headway_pricing --dest /srv/headway_pricing/src --brand 'Pricing'
bin/hwctl status headway_design
bin/hwctl code smoke headway_design/design
```