Observability Panel
The Observability panel provides integrated access to application logs, metrics, and debugging information. It’s designed to give developers visibility into their running application without switching context to external tools.
Features
Section titled “Features”- Log streaming — view application logs in real-time
- Log levels — filter by severity (debug, info, warn, error)
- Search — search across log entries
- Timestamps — precise timing information
- Stack traces — formatted error output with source links
Log Levels
Section titled “Log Levels”The Observability panel categorizes logs by severity:
| Level | Description |
|---|---|
| Debug | Detailed diagnostic information |
| Info | General informational messages |
| Warning | Potential issues that don’t stop execution |
| Error | Errors that affected functionality |
Filtering
Section titled “Filtering”Filter logs by clicking on the level badges or using the filter dropdown. You can combine multiple levels.
Search
Section titled “Search”Use the search bar to find specific log entries:
- Text search — match log message content
- Regex support — use regular expressions for advanced matching
- Case sensitivity — toggle case-sensitive search
Integration
Section titled “Integration”The Observability panel integrates with common logging frameworks:
- Console.log, console.error (browser)
- Winston, Pino (Node.js)
- Python logging
- Custom integrations via IPC
Keyboard Shortcuts
Section titled “Keyboard Shortcuts”| Shortcut | Action |
|---|---|
| Cmd/Ctrl + F | Focus search |
| Escape | Clear search / Close |
Next Steps
Section titled “Next Steps”- Terminal Panel — run your dev server
- Browser Panel — view your running app
- Git Panel — version control