Add Debug Console for Frontend and Backend Logs #126

Closed
opened 2026-02-06 18:54:59 -08:00 by hikari · 0 comments
Owner

Description

Add a debug console feature that allows viewing both frontend console logs and backend Rust logs in a single interface.

Requirements

  • Add a button to open/toggle the debug console (consider placement in UI - maybe near config sidebar?)
  • Console should display frontend JavaScript/TypeScript console calls (console.log, console.error, etc.)
  • Console should display backend Rust logs (likely from tracing or similar logging framework)
  • Consider log filtering/levels (info, warn, error, debug)
  • Should be easy to clear/reset
  • Should be scrollable with auto-scroll to latest logs
  • Logs should include timestamps
  • Consider colour-coding by log level for readability

Technical Considerations

  • Frontend logs can be captured by overriding console methods
  • Backend logs will need to be sent to frontend via Tauri events/commands
  • May want to implement a circular buffer to prevent memory issues with large log volumes
  • Consider adding ability to export logs to file for debugging

Design Notes

The debug console should fit with the existing UI aesthetic whilst being functional and easy to read!

This issue was created with help from Hikari~ 🌸

## Description Add a debug console feature that allows viewing both frontend console logs and backend Rust logs in a single interface. ## Requirements - [ ] Add a button to open/toggle the debug console (consider placement in UI - maybe near config sidebar?) - [ ] Console should display frontend JavaScript/TypeScript console calls (`console.log`, `console.error`, etc.) - [ ] Console should display backend Rust logs (likely from `tracing` or similar logging framework) - [ ] Consider log filtering/levels (info, warn, error, debug) - [ ] Should be easy to clear/reset - [ ] Should be scrollable with auto-scroll to latest logs - [ ] Logs should include timestamps - [ ] Consider colour-coding by log level for readability ## Technical Considerations - Frontend logs can be captured by overriding `console` methods - Backend logs will need to be sent to frontend via Tauri events/commands - May want to implement a circular buffer to prevent memory issues with large log volumes - Consider adding ability to export logs to file for debugging ## Design Notes The debug console should fit with the existing UI aesthetic whilst being functional and easy to read! ✨ This issue was created with help from Hikari~ 🌸
naomi closed this issue 2026-02-07 01:55:50 -08:00
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: nhcarrigan/hikari-desktop#126