Skip to content

feat(chat): animated welcome screen for new users#203

Merged
SudiptaPaul-31 merged 2 commits into
Lumina-eX:mainfrom
Nacho1499:feat/animated-Welcome-Screen
Jun 24, 2026
Merged

feat(chat): animated welcome screen for new users#203
SudiptaPaul-31 merged 2 commits into
Lumina-eX:mainfrom
Nacho1499:feat/animated-Welcome-Screen

Conversation

@Nacho1499

Copy link
Copy Markdown
Contributor

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

@drips-wave

drips-wave Bot commented Jun 24, 2026

Copy link
Copy Markdown

@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! 🚀

Learn more about application limits

@Nacho1499

Copy link
Copy Markdown
Contributor Author
Screenshot_24-6-2026_74027_localhost Screenshot_24-6-2026_73944_localhost

@SudiptaPaul-31 SudiptaPaul-31 merged commit e26ef8a into Lumina-eX:main Jun 24, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Animated Welcome Screen for New Users

2 participants