PWA + UI overhaul: sidebar, friends, media, AI, and video call support

[reodesureodesu]

Motivation

• Convert the app into a PWA and significantly modernize the client UI to support friend/1:1 conversations, media, and richer interactions.
• Add AI reply options and robust call/real-time features to provide a full chat experience comparable to LINE-style apps.

Description

• Add PWA assets and install support by introducing manifest.json, icons/app-icon.svg, sw.js, and <meta>/link tags, plus beforeinstallprompt handling.
• Replace and massively refactor index.html to a single-file app shell: new responsive layout, sidebar, friend management UI, toolbar, stamp bar, mini-game panel, incoming call and call overlay UI, theme toggle, and dark mode CSS variables.
• Migrate Firebase client imports to the v11 SDK and add Vertex AI helpers, and implement feature-rich client logic including friend lists, notifications, sent-request flows, custom stamps, profile/background image upload, image compression, audio recording, mini-game, persistent screen presets, and offline retry queue stored in localStorage.
• Implement AI integration with support for Vertex AI via Firebase (getVertexAI) and an optional Gemini Developer API fallback, plus local fallback text generation; add message CRUD (send/update/delete), reply/quote, read receipts, and real-time message rendering via Firestore listeners.
• Implement WebRTC-based video call signaling using Firestore (calls collection, offer/answer, ICE candidates), plus call lifecycle management, media attachment to <video> elements, and safety/cleanup logic.

Testing

• No automated tests were executed as part of this PR.

---

Codex Task

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
line	Ready	Preview, Comment	Mar 3, 2026 9:04pm

[chatgpt-codex-connector]

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