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

1.5 KiB

ui_doc_type component_id status source_evidence
component connection-status-grid implemented
type path notes
code packages/flutter/oto_console/lib/src/oto_console_overview.dart _ConnectionGrid, _EndpointStatusTile 구현
type path notes
code packages/flutter/oto_console/lib/src/oto_console_contract.dart OtoCoreConnectionSnapshot, OtoCoreEndpointStatus 상태 모델
type path notes
user null agent-ui 생성 요청

Connection Status Grid

Component ID: connection-status-grid

Status: implemented

Source Evidence

Type Path Notes
code packages/flutter/oto_console/lib/src/oto_console_overview.dart _ConnectionGrid, _EndpointStatusTile 구현
code packages/flutter/oto_console/lib/src/oto_console_contract.dart connection snapshot 상태 모델
user 없음 agent-ui 생성 요청

Purpose

Core health/readiness endpoint 결과를 함께 비교해서 online/degraded/offline 판단을 돕는다.

Used By

  • overview: overview.connection-status

Anatomy

  • health status tile
  • readiness status tile
  • status label
  • HTTP status/path detail

Variants

  • wide: two-column row
  • narrow: stacked column

States

  • checking
  • online
  • degraded
  • offline
  • error

Rules

  • health와 readiness 중 하나만 OK이면 degraded로 해석한다.
  • status code가 없으면 path만 표시한다.

Decision History

  • 2026-06-24: overview connection grid를 component로 정의했다.