Patterns

반복되는 제품 작업을 여러 컴포넌트로 조합하는 상위 구조입니다. Workbench, Editorial, Utility, AI Composition은 같은 화면의 스타일 변형이 아니라 서로 다른 작업 방식입니다.

Compositions

같은 WBDS 문법을 쓰지만 작업 방식이 서로 다른 네 가지 canonical composition입니다.

Workbench

반복적으로 목록을 훑고 비교하고 결정하는 작업을 위한 row-led composition입니다.

Editorial

읽기 순서와 출처, 수정 흔적이 중요한 지식 화면을 위한 editorial composition입니다.

Utility

한정된 작업을 입력·검토·완료하는 흐름을 위한 task-focused composition입니다.

AI Composition

AI 결과를 상태·근거·검토·행동의 순서로 다루는 reviewable composition입니다.

Composition을 구성할 때 재사용하는 package-level pattern building blocks입니다.

Side Panel Audit pending

접힘/펼침·독립 콘텐츠·고정 영역을 공유하는 측면 패널 구조. 화면 목적지 이동형 Navigation과 시나리오 조건 조작형 Scenario Control을 동등한 사례로 구분합니다.

Page Header Alpha-coded

Workbench Header Alpha-coded

Context Strip Alpha-coded

현재 목록이나 작업을 해석하는 데 필요한 작은 범위의 문맥을 한 줄에 묶어 보여주는 pattern building block입니다.

Filter Bar Alpha-coded

Search Results Alpha-coded

Decision List Row Alpha-coded

반복 항목을 요약·근거·상태·다음 행동 순서로 읽고 비교할 수 있게 하는 rule-led decision row입니다.

Master Detail Alpha-coded

Decision Panel Alpha-coded

Evidence Disclosure Alpha-coded

Form Section Alpha-coded

Review Panel Alpha-coded

Change Timeline Alpha-coded

Approval Footer Alpha-coded

Task Side Panel Alpha-coded

Command Bar Alpha-coded

Empty Error Recovery Alpha-coded