정보 밀도와 보조 설명을 유지합니다.
PATTERN · COMPACT COMPOSER
입력 영역 우선 Composer
모델과 추론 수준은 하나의 compact control에서 단계적으로 선택하고 메시지 입력 폭을 우선합니다.
01 · PURPOSE
무엇을 해결하는가
모델과 추론 수준은 하나의 compact control에서 단계적으로 선택하고 메시지 입력 폭을 우선합니다.
02 · USE WHEN
사용 조건
모델·추론 수준·전송 action을 하나의 prompt composer에 배치할 때 사용합니다.
- 모델과 추론 수준을 한 trigger에 요약
- 선택 menu는 입력 영역 위에 표시
- 전송 action은 상태에 따라 명확히 disabled
03 · STATUS
표준 상태와 버전
- 표준
- proposed
- 도입 버전
- 2026.10.12.3
- 배포
- source-only
04 · LIVE EXAMPLE
실행 예제
Illustrative — 실제 Worker runtime 데이터가 아닙니다.
05 · RESPONSIVE
Desktop · Tablet · Mobile
열을 축소하고 조작 순서를 보존합니다.
320px에서 page overflow 없이 단일 열로 전환합니다.
06 · STATES
상태 변형
emptytypingmodel-menureasoning-menusubmittingdisabled
07 · STRESS
콘텐츠 스트레스
- 2000자 지침
- 긴 모델 표시명
- 모바일 키보드와 safe-area
08 · ACCESSIBILITY
키보드와 보조기술
- trigger에 현재 선택값 포함
- menu keyboard navigation 제공
- 전송 상태를 aria-live로 알림
09 · DO / DON'T
선택 기준
- 입력 높이를 내용에 맞춰 제한적으로 확장
- 선택값을 짧게 요약
- 모델과 추론 select를 긴 행으로 각각 배치
- 입력칸보다 설정 control이 넓어짐
10 · CODE
구현 예제
<div class="composer"><textarea aria-label="요청"></textarea><button aria-haspopup="menu">GPT-6 Sol · High</button><button aria-label="전송">↑</button></div>11 · VALIDATION
검증 체크리스트
- keyboard menu
- mobile keyboard
- long prompt
- disabled submit
12 · ADOPTION
Worker 채택 상태
- 채택
- not-started
- 소유
- Worker 개발세션
- 실행 증거
- 없음