Jira Components

R4/R13/R19 — palette ADS thật: neutral / information #E9F2FF / success #D3F1A7 / danger #FFECEB / purple #F3F0FF

R14 — Highest/High đỏ #F15B50, Medium cam, Low/Lowest xanh (var(--jx-focus))

R3 — reaction chip pill full-radius 13px; label chip; story-point pill; +Add epic

R2 — label 14px/500, giá trị kèm avatar 24px

R4 — menu 180px chỉ hiện trạng thái workflow-valid; surface trắng r8 shadow ADS, item 40px

R7 — 300px: avatar row, 4 field thu gọn, + Add field, Clear all

R15 — 360px: avatar + hành động + relative time, footer settings

R17 — section RECENT, icon work-type

R16

R9 — số 24px/600 + time-window subtitle

R11/R12 — palette chart thật, thanh 8px r4

R12 — Unassigned 92%; stack -6px overlap viền trắng

R2 — placeholder + reaction chips + Cancel/Save

Token thật --ds-skeleton #0515240F + pulse; trang List dùng pattern này khi load data

Spec JIRA_CLOUD_LIVE.md — chips + search + checkbox, chọn không đóng popup, footer + Create label, Backspace xóa chip cuối; đồng bộ count với pill Labels của modal bên dưới

Đường dẫn Project / Epic / Work item — mục cuối đậm, không link, aria-current

Bước xong = dấu tick; bước đang làm = viền xanh; bước chưa tới = nhạt

1. To Do
3. 2In Progress
5. 3Done

Biểu tượng + tiêu đề + mô tả + hành động chính/phụ khi bộ lọc không có kết quả

Nhóm chồng -6px viền theo nền thẻ; 24px và 32px; ô +N khi vượt giới hạn