Haven Update v0.4.3 — Major UI/UX Overhaul, QR Code Sharing & Dozens of Fixes
Hey everyone! We just shipped one of our biggest updates to Haven yet. This release is focused on making Haven look better, work better on mobile, and be more accessible to everyone. Here’s what’s new:
Completely Rebuilt Mobile Experience
The mobile UI has been rebuilt from the ground up:
- Smooth sidebar navigation — The sidebar now slides in as a polished overlay with a tap-to-dismiss backdrop, replacing the old clunky toggle. Selecting a Space or DM automatically hides the sidebar so you can jump straight into the conversation.
- Pinned header & input — The navigation header and message input now stay locked in place. No more losing them behind the browser’s address bar or keyboard.
- Proper viewport handling — We now use dynamic viewport units and the
visualViewportAPI, so the app fills your screen correctly even when the keyboard opens or the browser chrome shows/hides. - Smarter Enter key — On mobile, pressing Enter now creates a new line (use the Send button to send). On desktop, Enter still sends your message, but now properly creates new lines inside code blocks, lists, and blockquotes.
Share Spaces via QR Code
The Share Space dialog now includes a scannable QR code with the Haven logo. You can also download it as a PNG — great for meetups, events, or printed materials.
Improved Readability & Contrast
We performed a full contrast and typography audit:
- WCAG AA compliance — Secondary text color improved to meet accessibility standards (4.5:1 contrast ratio).
- Larger text — Base font size bumped from 14px to 15px for better mobile readability.
- Visible placeholders — Input placeholder text is now clearly readable across the entire app.
- Better visibility everywhere — Fixed low-contrast text on dates, badges, search icons, notification icons, and copy button states.
UI Polish & Consistency
- Standardized modals — All 15+ modal dialogs now have consistent, centered titles with uniform spacing.
- Smooth transitions — Every interactive button, menu item, and toolbar control now has smooth color transitions on hover and click.
- Keyboard navigation — Added visible focus rings for keyboard users on all buttons, links, and interactive elements.
- Accessibility labels — Added 15+ aria-labels and tooltips to icon buttons (Send, Emoji, Mention, formatting tools, navigation, etc.).
- Hover states — Filled gaps where interactive elements had no hover feedback (sidebar icons, user button, send button, add buttons, modal close buttons).
Text Editor Fixes (Quill 2.x)
- Links now work properly — URLs are automatically sanitized with
https://and open in new tabs. The link editing toolbar has been completely reworked. - Code blocks & lists — Fixed rendering for both ordered and bullet lists, and code blocks now display correctly in the editor and in messages.
- Draft messages preserved — Switch between conversations freely — your unsent messages are waiting when you come back.
Collapsible Pinned Messages
On mobile, pinned messages can now be collapsed to a single-line preview to save screen space. Tap to expand when you need the full message. Your preference is remembered per channel.
Bug Fixes
- Fixed text editor display glitches on mobile
- Fixed Space Details and Share Space layout on small screens
- Fixed modals getting cut off or misaligned on mobile
- Fixed getting stuck on the Settings screen with no way to navigate back
- Fixed message menu (⋯) not working properly on touch devices
- Fixed DM conversation requiring a double-tap to open
- Fixed scroll issues on the codename registration screen
- Fixed the “Connecting to network” overlay being too transparent and showing text bleed-through
- Added a browser warning when accidentally closing the Haven tab
- Cleaned up broken/missing CSS variables throughout the app
- Fixed font family mismatch (app now correctly uses Roboto Flex)
As always, let us know your feedback and report any issues you find. Happy chatting! 