Blocks
Log Item
A single log record with timestamp, level, copy action, syntax-highlighted message and a collapsible stacktrace
Installation
npx shadcn@latest add @dr-ui/log-itemRegistry dependencies
@dr-ui/utils
@dr-ui/i18n
@dr-ui/copy-button
@dr-ui/themed-syntax-highlighter
Dependencies
lucide-react@^1.7.0
class-variance-authority@^0.7.1
Levels
Every supported level. DEBUG/TRACE, INFO, WARN/WARNING, ERROR/CRITICAL/FATAL and SUCCESS map to five visual styles; unknown levels fall back to the info style.
2026-08-11 14:03:21.042DEBUG
Cache miss for key "user:1042:profile", fetching from db2026-08-11 14:03:22.123INFO
Server listening on http://0.0.0.0:8080 (pid 4242), workers=4, debug=false2026-08-11 14:03:24.567WARNING
Retrying request 2/5 to https://api.example.com/v2/predict — upstream timeout after 30s2026-08-11 14:03:25.891ERROR
Failed to load model "churn-v3": CUDA out of memory (requested 2048 MB)2026-08-11 14:03:26.002CRITICAL
Shutting down: no healthy upstream replicas left2026-08-11 14:03:26.512SUCCESS
Deployment churn-v3 is healthy, all replicas ready2026-08-11 14:03:27.310AUDIT
Unknown levels fall back to the info style, the level text shows the raw levelSearch highlight
A search query highlighted in the message and stacktrace. A match shows a dot after the timestamp and a matching stacktrace auto-expands. Pass the query already normalized (trimmed and lowercased).
2026-08-11 14:03:24.567WARN
Retrying request 2/5 to https://api.example.com/v2/predict — upstream timeout after 30s2026-08-11 14:03:25.891ERROR
Traceback (most recent call last):
File "/app/server/handlers.py", line 214, in predict
result = model.predict(payload.features)
RuntimeError: upstream timeout after 30sStacktrace
A log record with a collapsible stacktrace. The message row toggles the stacktrace with mouse or keyboard.
2026-08-11 14:03:25.891ERROR