---
ui_doc_type: component
component_id: logcat-viewer
status: 구현됨
source_evidence:
  - type: code
    path: lib/src/features/console/console_page.dart
    notes: "dark DecoratedBox log output, _LogcatLevel color mapping"
  - type: docs
    path: README.md
    notes: "adb logcat 콘솔 뷰어 scope"
  - type: user
    path: null
    notes: "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로 기록했다.
