feat(chat): animated welcome screen for new users#203
Merged
SudiptaPaul-31 merged 2 commits intoJun 24, 2026
Conversation
|
@Nacho1499 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits. You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀 |
Contributor
Author
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.


Closes #149
What does this PR do:
This PR introduces an interactive, fully responsive, and animated welcome/onboarding screen for new users on the chat dashboard when no conversation or group is currently selected. Additionally, it hardens the frontend's resilience against missing configuration fields, ensuring the UI mounts seamlessly in mock or fallback local development environments.
Why is this change necessary? Prior to this change, users without active or selected chats were greeted by an empty chat pane, which disrupted onboarding flow. Furthermore, developers working without local microservices or live database links actively faced rigid runtime error overlays due to strict network assertion handlers.
Feature implemented:
[x] Added an animated onboarding dashboard screen.ChatWelcomeState
[x] Implemented prominent call-to-action buttons for "Create Group" and "Join Group" matching mobile and desktop breakpoints.
Testing & Validation:
[x] Tested locally
[x] No runtime errors
[x] Existing features work as expected
[x] Edge cases handled
Breaking Changes:
[x] No breaking changes
Contributor Checklist (MANDATORY)
[x] I was assigned to this issue
[x] My code follows the project structure and conventions
[x] I have tested my changes thoroughly
[x] I did not introduce unnecessary dependencies
[x] I have linked the issue (Closes #149)
[x] This PR is ready for review
Notes for Reviewer:
Key areas to review:
[x] Look over the defensive try/catch architecture added to and the connection listeners to ensure strict environment safety patterns are maintained.src/app/chat/page.tsxWebSocketClient.
-Verify layout, responsiveness, and animation rendering of the newly appended welcome panel components on narrow viewports.
Known limitations:
[x]While operating in local preview mode under standard dummy variables (), real-time sync hooks () will cleanly log safety warnings in the terminal instead of connecting, which is the expected behavior until live infrastructure keys are provided.dummy.supabase.couseWebSocket