Log Console
A scrolling terminal-style log viewer. Displays timestamped log lines pushed via sync, with color-coded severity levels and monospace rendering.
Type
"logConsole"
Relevant Fields
Inherits all Control Definition. Key fields:
| Field | Type | Default | Description |
|---|---|---|---|
label |
string | falls back to id |
Header label |
style |
string | "default" |
"default" (dark bg) or "transparent" |
maxLines |
number | 200 |
Maximum buffered lines |
showTimestamps |
bool | true |
Prefix each line with timestamp |
fontSize |
number | 11 |
Monospace font size |
autoScroll |
bool | true |
Auto-scroll to latest line |
logColors |
object | — | Map log levels to colors |
tint |
color | "#667eea" |
Accent color |
Examples
Application log viewer
{
"type": "logConsole",
"id": "app-logs",
"position": [0, 0],
"span": [3, 4],
"label": "Application Logs",
"maxLines": 500,
"showTimestamps": true,
"fontSize": 12,
"autoScroll": true,
"logColors": {
"error": "#FF3B30",
"warn": "#FF9500",
"info": "#34C759",
"debug": "#8E8E93"
},
"sync": { "method": "meshsocket", "event": "log_stream" }
}
Related
- Control Definition — Base fields
- Sync — Real-time data sync