oto/agent-ui/definition/components/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

2.8 KiB

ui_doc_type components
components-index
console-shell
console-rail
section-surface
state-panel
status-badge
endpoint-tile
connection-status-grid
auth-token-reference
record-list
action-feedback
runner-self-update-form
job-create-form
execution-action-toolbar
authorization-state
audit-action-summary
log-preview
artifact-list
agent-chat-panel

Component Definitions

Component List

Component ID Status Evidence Description
console-shell implemented oto_console_shell.dart overall console scaffold with rail and selected section content
console-rail implemented oto_console_shell.dart section navigation rail
section-surface implemented oto_console_shell.dart generic titled empty/detail section shell
state-panel implemented surface files loading, empty, error state blocks
status-badge implemented overview/runners/jobs/executions surface files compact status label badge
endpoint-tile implemented oto_console_overview.dart endpoint or config value tile
connection-status-grid implemented oto_console_overview.dart health/readiness status grid
auth-token-reference implemented oto_console_overview.dart display-only auth token reference
record-list implemented runners/jobs/executions/artifacts surface files repeated entity list rows
action-feedback implemented runners/jobs/executions surface files success/deferred/failed action message
runner-self-update-form implemented oto_runners_surface.dart runner self-update draft form
job-create-form implemented oto_jobs_surface.dart job create draft form
execution-action-toolbar implemented oto_executions_surface.dart cancel/report/log/artifact execution actions
authorization-state planned security/audit SDD operator/admin allow/deny, disabled, and error state rules for write actions
audit-action-summary planned security/audit SDD display-safe action metadata summary for audit-oriented UI exposure
log-preview implemented oto_executions_surface.dart bounded execution log preview
artifact-list implemented oto_artifacts_surface.dart, oto_executions_surface.dart artifact records in tab and execution detail
agent-chat-panel implemented oto_agent_panel.dart agent-shell backed OTO assistant panel

Rules

  • component 정의는 구현 API가 아니라 UI 사용 규칙을 다룬다.
  • view별 변형이 필요하면 <component-id>/<variant>.md 또는 하위 디렉터리를 사용한다.
  • 실제 구현체 이름과 다를 수 있지만, view 정의서에서 참조하는 component id는 이 목록에 있어야 한다.