feat: add debug console for frontend and backend logs

Added a comprehensive debug console feature that captures and displays
logs from both the frontend and backend in a unified interface.

Frontend changes:
- Created DebugConsole component with real-time log display
- Added debugConsoleStore for state management and console capture
- Integrated console into main layout
- Added toggle button in StatusBar with console icon
- Implemented Ctrl+` keyboard shortcut to open/close console
- Features: log filtering by level, auto-scroll, timestamps, colour-coding

Backend changes:
- Added tracing and tracing-subscriber dependencies
- Created custom TauriLogLayer to emit Rust logs to frontend
- Integrated tracing subscriber in lib.rs setup
- Logs are forwarded via Tauri events (debug:log)

Key features:
- Circular buffer (max 1000 logs) prevents memory issues
- Frontend logs captured via console method overrides
- Backend logs forwarded from Rust tracing layer
- Log level filtering (debug, info, warn, error, all)
- Source badges distinguish frontend vs backend logs
- Colour-coded log levels for easy identification
- Auto-scroll toggle for inspecting older logs
- Clear logs button for resetting the console
- Beautiful dark-themed UI matching app aesthetic

Closes #126

This commit is contained in:

Hikari

2026-02-06 20:16:26 -08:00

committed by

Naomi Carrigan

parent 82061f125b

commit 5b8ae63de1

9 changed files with 663 additions and 1 deletions

									
										src-tauri/Cargo.toml
									
		+2
		
												View File
												
				@@ -33,6 +33,8 @@ semver = "1"

				chrono = { version = "0.4.43", features = ["serde"] }

				discord-rich-presence = "0.2"

				dirs = "5"

				tracing = "0.1"

				tracing-subscriber = { version = "0.3", features = ["env-filter", "fmt"] }

				[target.'cfg(windows)'.dependencies]

				windows = { version = "0.62", features = [