F71 APP 08 — Popover System + Formula + Field Components

Hệ thống Popover cấu hình Metric, Filter, Formula Editor và Field Chip variants — DLS tokens, Inter font, Vietnamese

1. Metric Popover — Cấu hình chỉ số
Doanh thu

↑ Popover width:300px, border-radius:8px, shadow-lg, border:#cbd5e1

2. Filter Popover — Bộ lọc dữ liệu
Tên khách hàng

↑ Filter popover — text input mode

Khu vực
Miền Bắc Miền Nam

↑ Filter popover — multi-select mode

3. Formula Editor — Trình soạn công thức
Công thức tính
SUM([Doanh thu]) - SUM([Chi phí]) * 0.85
Công thức hợp lệ
Công thức tính
AVG([Số lượng]) / 0
Lỗi: Không thể chia cho 0

Font: JetBrains Mono 12px | Syntax: fields=blue, functions=violet, numbers=green | bg:#f8fafc

4. Field Chips — Các loại trường dữ liệu
Tên khách hàng Dimension
Khu vực Dimension
Doanh thu Metric
Số lượng đơn hàng Metric
Lợi nhuận ròng Formula
Tỷ lệ chuyển đổi Formula

Dimension = blue left border | Metric = red left border | Formula = green left border + fa-flask icon | Drag handle + name + badge + remove