oto/agent-ui/definition/components/state-panel/index.md

ui_doc_type	component_id	status	source_evidence
component	state-panel	구현됨	type path notes code packages/flutter/oto_console/lib/src/oto_runners_surface.dart runner empty/error state panel type path notes code packages/flutter/oto_console/lib/src/oto_jobs_surface.dart jobs empty/error state panel type path notes code packages/flutter/oto_console/lib/src/oto_executions_surface.dart executions empty/error state panel type path notes code packages/flutter/oto_console/lib/src/oto_artifacts_surface.dart artifacts empty/error state panel

State Panel

Component ID: state-panel

Status: 구현됨

Source Evidence

Type	Path	Notes
code	packages/flutter/oto_console/lib/src/oto_runners_surface.dart	runner empty/error state panel
code	packages/flutter/oto_console/lib/src/oto_jobs_surface.dart	jobs empty/error state panel
code	packages/flutter/oto_console/lib/src/oto_executions_surface.dart	executions empty/error state panel
code	packages/flutter/oto_console/lib/src/oto_artifacts_surface.dart	artifacts empty/error state panel

Purpose

surface snapshot의 loading, empty, error 상태를 같은 밀도와 테두리 스타일로 보여준다.

Used By

• runners: runners.state-panel
• pipelines: pipelines.state-panel
• executions: executions.state-panel
• artifacts: artifacts.state-panel
• settings: settings.state-panel

Anatomy

• icon
• title
• message
• optional progress indicator for loading

Variants

• loading: centered progress indicator
• empty: neutral panel
• error: red tinted panel

States

• loading
• empty
• error
• permission-denied: 계획 extension candidate

Rules

• error message는 snapshot errorMessage가 있으면 사용하고 없으면 fallback 문구를 쓴다.
• permission-denied를 추가하면 권한/감사 SDD 기준의 민감 payload 미노출을 따라야 한다.

Decision History

• 2026-06-24: 여러 surface의 empty/error 반복 UI를 state-panel로 정의했다.