Skip to content

feat(stream): replace session-started splash with minimal Connected badge - #601

Merged
zortos293 merged 1 commit into
devfrom
capy/connected-badge-ui
Jul 5, 2026
Merged

feat(stream): replace session-started splash with minimal Connected badge#601
zortos293 merged 1 commit into
devfrom
capy/connected-badge-ui

Conversation

@zortos293

@zortos293 zortos293 commented Jul 5, 2026

Copy link
Copy Markdown
Collaborator

This PR replaces the full-screen session-started splash screen with a compact, top-center "Connected" badge that briefly appears when streaming begins.

  • Refactor SessionStartedSplash from full-screen card to minimal badge with checkmark icon
  • Update badge to animate in from top-center and auto-dismiss after 2.4 seconds
  • Remove backdrop, orbs, rings, shimmer effects, and progress bar from splash component
  • Simplify motion variants from complex multi-part animations to single badge enter/exit
  • Reduce visibility duration from 3s to 2.4s for quicker non-intrusive feedback
  • Remove splash visibility check from stats HUD so overlay displays immediately
  • Update locale text from "Session started" to "Connected" for brevity
  • Update CSS comment from "Session ready splash" to "Session ready badge"

Open OPE-253 OPE-253


Note

Low Risk
UI-only stream feedback and styling changes with no auth, session, or streaming protocol impact.

Overview
Replaces the full-screen “Session started” splash (blurred backdrop, card, game title, progress bar) with a small top-center pill that shows a checkmark and “Connected” (stream.connectedBadge.title), auto-dismissed after 2.4s (was 3s).

SessionStartedSplash is reduced to a single motion variant and no longer renders kicker, game name, or decorative layers; copy moves off the old stream.sessionStarted strings for the badge label.

StreamView stops gating the stats HUD on splash visibility, so stats can appear while the badge is still showing.

CSS repositions .sv-ready-splash to the safe-area top and restyles .sv-ready-splash-card as a compact chip, removing the large splash keyframes and orb/ring/shimmer rules.

Reviewed by Cursor Bugbot for commit a8cf4ae. Configure here.

Co-authored-by: capy-ai[bot] <230910855+capy-ai[bot]@users.noreply.github.com>
@zortos293 zortos293 added the capy Generated by capy.ai label Jul 5, 2026 — with Image Capy AI
@coderabbitai

coderabbitai Bot commented Jul 5, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 591061cb-ce6f-4e6a-a9a6-eded25804e4f

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch capy/connected-badge-ui

Comment @coderabbitai help to get the list of available commands.

@zortos293
zortos293 merged commit 1a3e4cf into dev Jul 5, 2026
17 checks passed
Chizuui pushed a commit to Chizuui/OpenNOW-Modified that referenced this pull request Aug 11, 2026
…dge (OpenCloudGaming#601)

Co-authored-by: capy-ai[bot] <230910855+capy-ai[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

capy Generated by capy.ai

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant