- agent-ui 정의서 전체 구조 생성 (view/component/frame/wireframe) - UI 관련 스킬 템플릿 및 규칙 문서 개선 - components: action-feedback, agent-chat-panel, artifact-list 등 20개 이상의 컴포넌트 정의서 추가 - views: agent, artifacts, executions, overview, pipelines, runners, settings 정의서 추가
1.5 KiB
1.5 KiB
| ui_doc_type | component_id | status | source_evidence | |||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| component | section-surface | implemented |
|
Section Surface
Component ID: section-surface
Status: implemented
Source Evidence
| Type | Path | Notes |
|---|---|---|
| code | packages/flutter/oto_console/lib/src/oto_console_shell.dart |
OtoConsoleSectionSurface 구현 |
| docs | apps/client/README.md |
console package embedding |
| user | 없음 | agent-ui 생성 요청 |
Purpose
아직 전용 surface가 없거나 fallback으로 표시하는 section의 제목, empty state, detail rows를 한 구조로 보여준다.
Used By
settings:settings.header,settings.state-panel,settings.endpoint-details- shell fallback for
runners,pipelines,executions,artifacts
Anatomy
- section icon
- section title
- empty state panel
- optional detail tiles
Variants
- default: empty panel only
- details: HTTP API, Wire URL, browser API policy 같은 detail tiles 포함
States
- default
- empty
- detail-present
- error: 없음
- disabled: 없음
Rules
- 전용 view 구현이 없을 때만 fallback으로 사용한다.
- detail 값은 한 줄 ellipsis로 표시한다.
Decision History
- 2026-06-24: shell fallback surface를
section-surfacecomponent로 정의했다.