User Interface Guide

View Categories

This guide explains the layout and navigation of the Debug Log Viewer interface.

The main dashboard provides a centralized view of your debug logs with the following elements:

  • Header section: Plugin title, version info, and navigation controls
  • Free vs Pro plan badges: Visual indicators for available features
  • Upgrade indicators: Links to premium features when applicable

Tab Navigation

Log View (Primary Feature)

  • Displays the debug log table with all entries
  • Includes search, filter, and sorting controls

Settings Tab

  • Configure update modes, datetime formats, and timezone settings
  • Manage log file preferences

Alerts Tab

  • Set up email notifications for critical errors
  • Configure recipients and alert frequencies

Cleanup (Pro)

  • Access to automatic log file management tools
  • Scheduled cleanup configuration

Interface Elements

Container Layout

  • Responsive design that adapts to screen size
  • Clean, organized sections for easy navigation

Toast Notifications

  • Brief pop-up messages for actions like updates or errors
  • Auto-dismiss after a few seconds

Modal Dialogs

  • Used for confirmation prompts (e.g., clearing logs)
  • Overlay with focused content and action buttons

Navigation Tips

  • Use the tab system to switch between features
  • Hover over elements for tooltips and additional info
  • Check the status bar for current log file details

For detailed feature usage, see the Core Features – Log View Tab guide.