---
{"id":"ai-label","title":"AI 표시·설명","category":"컴포넌트","order":58,"summary":"AI가 생성·추천한 내용의 출처와 한계 설명의 사용·상태·접근성 계약.","status":"조건부 기준 · UI 미검증","references":["components/ai-label/usage"]}
---

# AI 표시·설명

## 목적과 사용

AI가 생성·추천한 내용의 출처와 한계 설명에 사용합니다. 일반 자동화·장식·브랜드 강조에 AI 표시를 사용하지 않습니다.

## 구성과 변형

AI 표시, 영향 범위, 설명 접근점, 검토/거절. 변형의 외형은 각 제품의 기존 [토큰](tokens.md)을 사용합니다. Carbon의 크기·색·모서리·아이콘을 가져오지 않습니다.

## 동작 규칙

- AI-01 MUST: 어느 내용이 AI 생성인지 범위를 밝힙니다.
- AI-02 MUST: 설명에는 사용한 정보·한계·사용자가 검토할 부분을 포함합니다.
- AI-03 MUST: AI 제안과 실제 실행·저장·적용 완료를 구분합니다.
- AI-04 MUST: 비용·삭제·서버 변경은 사용자 승인과 기존 권한 검사를 유지합니다.

## 접근성

설명은 키보드·터치로 열 수 있고 제목·focus·닫기 경로를 제공합니다. 공통 [접근성 기준](accessibility.md)도 함께 적용합니다.

## 콘텐츠 예시

좋음: ‘AI 제안 · 아직 적용되지 않음’ / 피함: AI 답변을 검증된 운영 사실로 표시.

## 우리 구현과 연결

Mimir 등 실제 AI 기능이 있는 화면에 조건부 적용합니다. 이번 작업에서 AI 기능은 추가하지 않습니다.

제품별 소유 경로는 [WICKEDVPS](product-vps.md), [Panel](product-panel.md), [Blesta](product-blesta.md)와 [소스 근거](source-evidence.md)를 확인합니다. 코드 존재와 모든 사용처의 준수는 다르며, 별도 표시가 없는 제품별 준수 상태는 미검증입니다.

## 상태와 검증

생성 중단·실패·근거 없음·수정됨·승인 거절·접근성 설명을 확인합니다.

일반·hover·focus·실행 중·실패·성공·disabled·read-only 중 해당하는 상태를 기록합니다. 해당하지 않는 상태를 임의로 만들지 말고 이유를 남깁니다. [검증 체크리스트](testing.md)에 증거를 연결합니다.