toki/iop
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
iop/agent-ui/definition/components/console-shell/index.md
toki bebd95f909 docs(agent-ui): legacy 상태값을 보정한다 
validate-agent-ui 규칙이 요구하는 상태값 스키마에 맞춰 기존 code-first agent-ui 문서의 legacy 상태 표기를 정규화한다.
2026-06-25 10:54:05 +09:00

1.8 KiB
Raw Blame History

ui_doc_type component_id status source_evidence
component console-shell 구현됨
type path notes
code packages/flutter/iop_console/lib/src/iop_console_shell.dart IopConsoleShell defines left rail section navigation and content slots.
type path notes
docs apps/client/README.md iop_console is the IOP-owned widget boundary for standalone and embedded consumers.
type path notes
user null Initial scaffold requested by user.

Console Shell

Component ID: console-shell

Status: 구현됨

Source Evidence

Type Path Notes
code packages/flutter/iop_console/lib/src/iop_console_shell.dart IopConsoleShell, _IopConsoleRail, _RailButton, _IopPlaceholder가 shell structure를 구현한다.
docs apps/client/README.md standalone IOP app과 외부 embedding consumer가 같은 widget boundary를 사용한다고 설명한다.
user 없음 초기 agent-ui 생성을 요청했다.

Purpose

IOP console view들을 좌측 rail navigation과 section content slot으로 묶는다.

Used By

  • overview: shell initial section
  • edges: shell section
  • nodes: shell section
  • runtime: shell section
  • execution-logs: shell section
  • agent: shell section

Anatomy

  • left rail
  • section icon buttons with tooltip
  • content slot
  • placeholder fallback

Variants

  • default: dark ops/dev shell

States

  • default
  • selected section
  • placeholder
  • disabled: 없음

Rules

  • shell은 view content를 소유하지 않고 section slot을 mount한다.
  • maintenance와 settings는 package shell placeholder가 있으나 현재 app에서 concrete panel을 주입하지 않는다.

Decision History

  • 2026-06-25: IopConsoleShell 구현을 기준으로 component를 정의했다.