oto/agent-ui/definition/components/section-surface/index.md

ui_doc_type	component_id	status	source_evidence
component	section-surface	구현됨	type path notes code packages/flutter/oto_console/lib/src/oto_console_shell.dart OtoConsoleSectionSurface 구현 type path notes docs apps/client/README.md console package embedding type path notes user null agent-ui 생성 요청

Section Surface

Component ID: section-surface

Status: 구현됨

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-surface component로 정의했다.