Revamp UI and messaging features: sidebar, friend management, stamps, media, and robust message handling

[reodesureodesu]

Motivation

• Modernize the chat app layout and UX with a sidebar, toolbar and responsive controls to support friends, stamps, media and notifications.
• Add richer messaging features including 1:1 conversations, message editing/deleting/replying, voice messages and custom stamps.
• Improve resilience by adding image compression, offline send queue, read receipts, and clearer auth/error feedback.

Description

• Reworked HTML/CSS layout: introduced a sidebar, backdrop, toolbar, stamp bar, notification panel, bottom input area, dark theme variables, and many new utility classes and styles.
• Replaced ad-hoc global DOM references with a ui map and centralized state variables, and expanded Firestore imports to use doc, setDoc, deleteDoc, updateDoc, arrayUnion, where, getDocs, and limit.
• Added many helper functions and features: fileToDataUrl, compressImageFile, playPopSound, buildConversationId, normalizeEmail, failed send queue persistence and retry logic, image/audio sending, message payload builder, and invite-link processing.
• Implemented friend management, notifications, custom stamps, profile/background image upload, message rendering with replies/metadata/read counts, message edit/delete, search/filtering, font-size slider, and client-side audio recording and upload.

Testing

• No automated tests were run for this change.

---

Codex Task

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
line	Building	Preview, Comment	Mar 3, 2026 1:17am

[chatgpt-codex-connector]

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.