appsok/agent-ui/definition/components/logcat-viewer/index.md

ui_doc_type	component_id	status	source_evidence
component	logcat-viewer	구현됨	type path notes code lib/src/features/console/console_page.dart dark DecoratedBox log output, _LogcatLevel color mapping type path notes docs README.md adb logcat 콘솔 뷰어 scope type path notes user null agent-ui 생성 요청

Logcat Viewer

Component ID: logcat-viewer

Status: 구현됨

Source Evidence

Type	Path	Notes
code	lib/src/features/console/console_page.dart	dark DecoratedBox log output, _LogcatLevel color mapping
docs	README.md	adb logcat 콘솔 뷰어 scope
user	없음	agent-ui 생성 요청

Purpose

logcat line을 고정폭 글꼴과 level별 색상으로 보여주고, 긴 stream을 스크롤 가능한 목록으로 유지한다.

Used By

• console: console.log-output

Anatomy

• dark rounded output surface
• loading/error center state
• scrollable log line list
• level-based text color

Variants

• live: stream line list
• loading: session 시작 indicator
• error: error message

States

• default
• loading
• empty
• error
• disabled

Rules

• log line은 Menlo 계열 monospace와 13px 기준으로 표시한다.
• error/fatal line은 error color 계열로 표시한다.

Decision History

• 2026-06-25: logcat 출력 surface를 component로 기록했다.