oto/agent-ui/definition/components/section-surface/index.md
toki 4ad5a7340d feat(agent-ui): UI 정의서 및 템플릿 업데이트
- agent-ui 정의서 전체 구조 생성 (view/component/frame/wireframe)
- UI 관련 스킬 템플릿 및 규칙 문서 개선
- components: action-feedback, agent-chat-panel, artifact-list 등 20개 이상의 컴포넌트 정의서 추가
- views: agent, artifacts, executions, overview, pipelines, runners, settings 정의서 추가
2026-06-24 23:07:00 +09:00

1.5 KiB

ui_doc_type component_id status source_evidence
component section-surface implemented
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: 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-surface component로 정의했다.