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

67 lines
1.4 KiB
Markdown

---
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로 기록했다.