Skip to content

feat(ui): command palette, activity log, data export, fullscreen, connection status#306

Open
natiixnt wants to merge 2 commits intoruvnet:mainfrom
natiixnt:feat/ui-enhancements-v2
Open

feat(ui): command palette, activity log, data export, fullscreen, connection status#306
natiixnt wants to merge 2 commits intoruvnet:mainfrom
natiixnt:feat/ui-enhancements-v2

Conversation

@natiixnt
Copy link

Summary

  • Command Palette (Ctrl+K / Cmd+K) - fuzzy search across all tabs and actions, keyboard navigation, SVG icons
  • Activity Log (L key) - real-time system event log with console interception, filter by type (info/warning/error/connection), resizable panel, clear button
  • Data Export (E key) - export buffered sensor data as JSON or CSV with dialog for format and range selection
  • Fullscreen Mode (F key / F11) - enter fullscreen on active visualization tab, exit button overlay
  • Connection Status Widget - persistent indicator in header showing WebSocket/sensing connection state (connected/reconnecting/offline) with reconnect button

All features are accessible via keyboard shortcuts and the command palette. New shortcuts: L (activity log), E (export), F (fullscreen).

Test plan

  • Press Ctrl+K to open command palette, type "demo" to filter, press Enter to navigate
  • Press L to toggle activity log, verify console messages appear in real-time
  • Use filter buttons (I/W/E/C) to toggle message types, press Clear
  • Press E to open export dialog (needs sensor data; verify warning toast if no data)
  • Press F or F11 to enter fullscreen on active tab, verify exit button appears
  • Verify connection status widget in header shows correct state
  • Click reconnect button when disconnected
  • Test on mobile viewport (connection label hides, palette adapts)

…oggle, and WCAG accessibility

- Keyboard shortcuts overlay (press ? for help, 1-8 for tabs, T for theme, P for perf)
- Real-time performance monitor with FPS, memory, latency sparklines (draggable)
- Enhanced toast notification system with stacking, auto-dismiss, progress bars
- Dark/light theme toggle with localStorage persistence and system preference detection
- WCAG accessibility: skip-to-content link, ARIA roles/attributes on tabs and panels,
  arrow key navigation in tab bar, focus-visible outlines
- ESLint config for UI directory with security and quality rules
…mode, connection status

- Command palette (Ctrl+K / Cmd+K) with fuzzy search across tabs and actions
- Activity log panel (L key) with real-time console interception, filters, resizable
- Data export utility (E key) for sensor data as JSON/CSV with dialog
- Fullscreen mode (F key / F11) for visualization tabs with exit button
- Connection status widget in header showing WebSocket state and reconnect
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant