---
ui_doc_type: views-index
views:
  - overview
  - edges
  - nodes
  - runtime
  - execution-logs
  - agent
---

# View Definitions

## View Tree

| View ID | Status | Evidence | Description |
|---------|--------|----------|-------------|
| `overview` | 구현됨 | `packages/flutter/iop_console/lib/src/iop_console_overview.dart` | Control Plane endpoint, wire connection, auth reference, health summary를 보여준다. |
| `edges` | 구현됨 | `apps/client/lib/widgets/edges_panel.dart` | Control Plane에 등록된 Edge 목록과 선택 Edge 상세를 보여준다. |
| `nodes` | 구현됨 | `apps/client/lib/widgets/nodes_panel.dart`, `apps/client/lib/widgets/nodes_panel_sections.dart` | 선택 Edge의 Node inventory, adapter config, provider catalog를 보여준다. |
| `runtime` | 구현됨 | `apps/client/lib/widgets/runtime_panel.dart` | Edge operation command, domain agent status, operation history를 다룬다. |
| `execution-logs` | 구현됨 | `apps/client/lib/widgets/execution_logs_panel.dart` | 선택 Edge의 lifecycle event와 execution log timeline을 보여준다. |
| `agent` | 구현됨 | `packages/flutter/iop_console/lib/src/iop_agent_panel.dart` | IOP operation capability를 담은 agent shell surface다. |

## Navigation

- `overview` -> `edges`: 좌측 rail의 Edges 버튼을 선택한다.
- `overview` -> `nodes`: 좌측 rail의 Nodes 버튼을 선택한다.
- `overview` -> `runtime`: 좌측 rail의 Runtime 버튼을 선택한다.
- `overview` -> `execution-logs`: 좌측 rail의 Execution & Logs 버튼을 선택한다.
- `overview` -> `agent`: 좌측 rail의 Agent 버튼을 선택한다.
- `edges`, `nodes`, `runtime`, `execution-logs`, `agent` -> any listed view: 좌측 rail section 선택으로 전환한다.

## Common States

- loading
- empty
- error
- permission-denied

## Common Permissions

- operator: Control Plane 상태 조회와 Edge command 실행 UI에 접근한다.

## Open Questions

- 없음
