Bug Fix & Patch Report
alpha_v0.1.0 – v0.9.0

Settings panels had transparent/semi-transparent backgrounds, causing the main app to bleed through behind modals. Fixed with solid background: var(--bg-surface) on all settings panels.

Unmuting while deafened didn't undeafen — left user unable to hear. Fixed: unmuting while deafened now auto-undeafens. Undeafening also unmutes.

Pressing Escape in settings would discard edits without warning. Added confirmation dialog: "You have unsaved changes — discard?"

Members showed no role indication. Added 👑🛡️⚔️ icons next to names based on top assigned role.

Edits and deletes were local-only; other clients saw stale messages. Added real-time WebSocket handlers so edits and deletes propagate across all connected clients immediately.

Channel unread counts were incrementing on your own messages. Fixed to only count messages from other users.

Multiple @mentions in the same channel would overwrite instead of accumulating. Fixed badge counter to properly sum mentions.

Picker was rendering at full size (400px+), overlapping the chat input on smaller screens. Compacted to 320px overlay that auto-minimizes when user starts typing.

Enter was the only way to submit. Fixed: Enter sends, Shift+Enter inserts newline. Textarea auto-expands up to 120px then scrolls.

No way to edit messages after sending. Added: press Up Arrow to edit your last message. Inline edit mode with save/cancel.

Text channels were showing a chat bubble icon (confusing with DMs). Replaced with # hash for clear visual distinction.

Panel was fixed-width, wasting space on larger screens. Added drag-to-resize (180–400px), persisted to localStorage.

Clicking images in chat did nothing. Added full-size overlay view with click-outside-to-close.

URLs in messages were plain text. Now auto-detected and rendered as clickable links with accent color.

Buttons were inconsistently arranged. Reorganized to an intuitive layout: [Mic] [Deafen] | [Share Screen] [Disconnect] in a single row.

Share Screen button opened nothing. Added modal with Screen Share vs Streamer Mode cards + source picker (Entire Screen / Application Window).

Pin popover had a transparent background, making pinned messages unreadable over chat. Fixed with solid 340px fixed-width popover.

"Jump" button on pinned messages did nothing. Wired up: scrolls to original message location and flashes it with a 2-second highlight animation.

Entries showed raw event names like ROLE_CREATE. Replaced with human-readable descriptions with action-specific icons and resolved usernames.

Voice & Video, Privacy, Keybinds, and Sessions tabs weren't appearing for some users. Root cause: stale deploy. Documented redeployment requirement.

Unnecessary dev-facing action in the server context menu. Removed.

Was in Privacy settings but incompatible with planned E2EE architecture. Removed to avoid false promises.

When messages from the same user were grouped (continuation style), the data-msg-id attribute was only on the first message. "Jump to message" from search/pinned silently failed on continuation messages. Fixed: added data-msg-id={m.id} to both msg-group and msg-cont divs.

Replying in DMs looked like it worked (reply UI appeared) but the reply_to field was never sent to the server. Root cause: handleSend built the payload with reply_to but the DM branch called api.sendDM(activeDM, text) without passing it. Fixed: DM send now passes the full payload.

Clicking a server set curServer but not curChannel, leaving users staring at a blank dashboard. Additionally, auto-select could pick a voice channel. Fixed: goServer now filters for the first text channel specifically.

Member names showed as "Unknown" or "??" when the user cache didn't have their data. The API returns users in 4+ formats (flat fields, nested objects, from_user, raw IDs). Fixed cacheUser to flatten nested objects and try multiple field names. Boot loop falls back to fetching /users/:id for anyone still showing "??".

Scrolling to load older messages locked the view at the top. Root causes: (1) auto-scroll effect fired on msgs.length change including prepends, (2) scroll restoration used a single requestAnimationFrame before React committed DOM, (3) re-renders re-triggered the scrollTop < 60 check creating a load loop. Fixed with: lastMsgIdRef tracking, isLoadingOlderRef flag, and double requestAnimationFrame for proper DOM timing.

getMemberRole refactored to return { badge, color } so author names in chat are colored to match their top role color.

Changed from dot + text to bordered pill style for a cleaner role chip design.

Hovering over emoji in the picker showed nothing. Built a reverse lookup map from SHORTCODES, added title attribute to every emoji item (e.g., hovering 🤡 shows :clown:).

Replies had no visual indicator of what was being replied to. Fixed reply reference rendering to show original author and content above the reply.

Reactions were stored in useState — completely ephemeral. Other users never saw your reactions, they vanished on refresh. Wired up api.addReaction / api.removeReaction calls and WebSocket event handlers for persistence and sync.

The "+" add reaction button opened the emoji picker at the top of the screen. Fixed: picker now anchors to the message hover bar position.

Messages were lost on page reload due to a race condition between message loading and channel selection. Fixed message persistence flow.

No visual indication of who was talking in voice. Added green animated ring around active speaker avatars using LiveKit's audio level events.

Users would talk while muted with no feedback. Added toast notification: "You're muted! Click to unmute."

Per-user volume slider reset to 100% on refresh. Fixed: volume levels saved to localStorage and restored on boot — applied to both UI state and LiveKit audio gain nodes.

API returns friend requests in multiple formats (from_user as string ID, nested object, or flat fields). Fixed with three-layer solution: boot caching (App.jsx) with all data shapes, WebSocket handler for real-time requests, and HomePanel self-healing useEffect that auto-fetches any user still showing Unknown.

Status could only be changed from inside a server (ChannelPanel). Added full HomeUserArea component with the same status picker dropdown — click the status text to open, click outside to close.

Server buttons in the left sidebar rail all showed default gray regardless of assigned gradient. rail-btn now uses style={{ background: s.gradient }} with white text and text-shadow for contrast.

Voice channel names and user names were 11px with low contrast. Bumped to 12px with explicit var(--text-secondary) for better readability on dark backgrounds.

DM conversation headers showed names in all caps. Added text-transform: none guard on .chat-h-name to preserve original casing.

Edit button showed "✏️ Edit" with a colorful emoji. Replaced with themed text-only button matching the app's monochrome design language.