StatusBadge

원본: projects/skill-lens/design/components/StatusBadge/README.md

상태: Experimental(초안), 접근성 △, 다크 ✓, 코드 ✗

상태 꼬리표: 톤 다섯 + 앞 모양(빈 원, 시계, 점, 체크, 되돌림). 숨김은 잠금, 데이터 없음은 대시

견본만 새 창으로

진단 진행 상태와 확인 필요 같은 상태를 보이는 꼬리표입니다. 크기는 8판 .tag(13 600 알약, 안쪽 4 9). 색, 단어, 앞 모양 셋이 함께 갑니다.

쓰는 곳

명단 표의 상태 칸, 행 이름 옆 꼬리표("렌지가 짚음"), 검토 서랍, 스킬 수정 내역.

구성(화면이 넘겨줄 것)

상태 값 하나. 글은 용어 사전의 이름만 씁니다.

규칙

• 톤은 다섯: 기본(sl-status, 회색, 빈 원), 진행(--active, 연보라, 반원), 확인 필요(--attention, 산호 옅은 바탕, 채운 원), 끝남(--done, 초록, 체크), 멈춤(--paused, 회색, 막대). 다른 톤은 만들지 않습니다.
• 앞 모양: 기본 빈 원, 진행 반원, 검토대기 시계, 확인 필요 점, 끝남 체크, 재진단 요청 되돌림, 숨김 잠금, 진단 안 함 대시(Lucide, 이모지 금지).
• 진단(관리자 화면): 미초대(기본), 진행 중(진행), 검토필요(확인 필요), 검토완료(끝남), 재진단 요청(멈춤). 실무자 화면에서는 검토필요 대신 "검토대기". 스킬 수정: 반영 대기(확인 필요), 반영됨(끝남), 미반영(멈춤).
• 8판 꼬리표 대응: .tag.c(직무 못 맞춤, 이메일 오류) → 확인 필요, .tag.so(중복) → 기본, .tag.g(연결됨, 바로 사용) → 끝남, .mk(추천, 렌지가 짚음) → 진행. 8판의 .tag.g가 파일 형식처럼 상태가 아닌 글이면 꼬리표 없이 보조 글로 씁니다.
• 라임 채움은 쓰지 않습니다(README 2장: 라임은 장식 자리만).
• "반려, 승인, 거부"는 쓰지 않습니다. 누르는 필터는 StatRow 필터나 Tabs.

접근성

• 글이 상태를 말하므로 모양은 aria-hidden.

이 사이트는 ideber 저장소 projects/skill-lens/ 에서 자동으로 만들어집니다. 고칠 때는 저장소를 고칩니다. 공개 주소이지만 검색엔진에는 나오지 않습니다.