Yeraze/meshmonitor v1.12.0

v1.12.0 - Messages Tab UX Improvements and Auto-Scroll

on GitHub

🎉 Major UX Improvements

This release brings comprehensive UX enhancements to the Messages tab, making direct messaging consistent with the Channels tab experience, plus smart auto-scroll functionality across the application.

✨ New Features

Messages Tab Overhaul

• Bubble-style layout: Modern message bubbles matching the Channels tab design
• Newest messages at bottom: Intuitive chronological ordering
• Reply functionality: Visual reply indicators showing message threads
• Tapback emoji reactions: Quick reactions with 👍 👎 ❓ ❗ 😂 and more
• Delivery status indicators: Real-time message status (✓ sent, ⏳ pending, ✗ failed)
• Sender identification: Quick-access sender dots for user details
• Filtered conversation list: Local node removed from Messages tab

Smart Auto-Scroll

• Automatically scrolls to newest message when selecting a conversation
• Scrolls to bottom when sending a message
• Allows uninterrupted scrollback through message history
• Works consistently across both Channels and Messages tabs

Performance Improvements

• Wrapped TelemetryGraphs component in React.memo() to prevent flickering
• Wrapped InfoTab component in React.memo() to prevent unnecessary re-renders
• Eliminated graph re-render issues on Messages and Info tabs

Message Formatting

• Preserved linebreaks in message text using whiteSpace: 'pre-line'
• Improved readability for multi-line messages (weather reports, etc.)

🐛 Bug Fixes

• Fixed tapback functionality for direct messages (correct API parameter)
• Fixed graph flickering on Messages and Info tabs
• Fixed message scrolling behavior

📝 Full Changelog

• Messages tab now matches Channels tab UX with bubbles, replies, and reactions
• Smart auto-scroll: scroll to bottom on load, allow free scrollback
• Graph performance optimization with React.memo
• Message linebreak preservation for better formatting
• Tapback emoji reactions working in direct messages

🤖 Generated with Claude Code

🚀 MeshMonitor v1.12.0

📦 Installation

Docker (recommended):

docker run -d \
  --name meshmonitor \
  -p 8080:3001 \
  -v meshmonitor-data:/data \
  ghcr.io/Yeraze/meshmonitor:v1.12.0

🧪 Testing

✅ All tests passed
✅ TypeScript checks passed
✅ Docker images built for linux/amd64, linux/arm64, linux/arm/v7

📋 Changes

See commit history for detailed changes.