oto/agent-ui/definition/components/console-rail/index.md

ui_doc_type	component_id	status	source_evidence
component	console-rail	구현됨	type path notes code packages/flutter/oto_console/lib/src/oto_console_shell.dart _OtoConsoleRail, _RailButton 구현 type path notes docs apps/client/README.md oto_console embeddable UI surface type path notes user null agent-ui 생성 요청

Console Rail

Component ID: console-rail

Status: 구현됨

Source Evidence

Type	Path	Notes
code	packages/flutter/oto_console/lib/src/oto_console_shell.dart	_OtoConsoleRail, _RailButton 구현
docs	apps/client/README.md	embeddable console surface
user	없음	agent-ui 생성 요청

Purpose

콘솔 section 사이를 빠르게 이동하는 고정 rail navigation을 제공한다.

Used By

• overview: shell navigation
• runners: shell navigation
• pipelines: shell navigation
• executions: shell navigation
• artifacts: shell navigation
• agent: shell navigation
• settings: shell navigation

Anatomy

• icon button
• tooltip
• selected visual state
• top main section group
• bottom agent/settings group

Variants

• default: 60px rail width, 56x48 button hit area
• selected: primary color icon and tinted background

States

• default
• selected
• hover/focus via Flutter button semantics
• disabled: 없음

Rules

• navigation destination은 OtoConsoleSection enum과 일치해야 한다.
• section 추가 시 rail button, enum, view definition을 함께 갱신하고, visual source가 있으면 frame-view definition도 함께 갱신한다.

Decision History

• 2026-06-24: shell rail을 console-rail component로 정의했다.