Skip to content

style(desktop): match PendingInviteGate to startup interstitials#2097

Merged
morgmart merged 1 commit into
mainfrom
style-opening-community-page
Jul 18, 2026
Merged

style(desktop): match PendingInviteGate to startup interstitials#2097
morgmart merged 1 commit into
mainfrom
style-opening-community-page

Conversation

@morgmart

Copy link
Copy Markdown
Contributor

Why

PendingInviteGate — the "Opening community link" screen shown when a community deep link arrives before machine onboarding finishes — carried buzz-onboarding-neutral-theme but not buzz-startup-shell. That combination is what components.css keys the shared chartreuse→light-blue gradient + dot-grid background off of, so the gate rendered on flat white and looked out of place against the startup screens it sits alongside.

What

Aligns the gate with its siblings (RecoveryScreen.tsx, KeyringLockedScreen.tsx):

  • Add buzz-startup-shell alongside buzz-onboarding-neutral-theme, keeping fixed inset-0 z-50 (this is an overlay above MachineOnboardingFlow).
  • Add data-system-color-scheme via the useSystemColorScheme() hook, matching RecoveryScreen.
  • Add <StartupWindowDragRegion /> as the first child.
  • Match the sibling layout: inner container relative … max-w-[500px], button stack max-w-[300px].

Copy, both handlers, the FlappingBee logo, variant="ghost" on Cancel, and all three data-testids (pending-invite-gate, pending-invite-continue, pending-invite-cancel) are unchanged. Design-system Button variants only.

The title keeps its mt-6 — the sibling screens have no logo, so their titles sit flush; here it needs to clear the FlappingBee.

Styling only — no functional change.

Testing

  • desktop/tests/e2e/deep-link-invite.spec.ts — 7/7 passing (it asserts against this screen).
  • biome check, tsc --noEmit, pnpm check:px-text — clean.
  • Verified visually; screenshot in a comment below.

Note: the pre-push test gate flaked once on buzz-agent's cancelled_turn_with_usage_emits_notification_before_response under full parallel load. It passes 3/3 in isolation and 3/3 as a full suite, and this diff touches one .tsx file — unrelated, pre-existing. The retried push was fully green.

@morgmart
morgmart requested a review from a team as a code owner July 18, 2026 23:08
morgmart added a commit that referenced this pull request Jul 18, 2026
@morgmart

Copy link
Copy Markdown
Contributor Author

Before

Flat white — buzz-startup-shell missing, so the shared gradient + dot grid never applied. Buttons ran the full 440px container width.

01-before

After

Chartreuse→light-blue gradient with the dot grid, matching RecoveryScreen / KeyringLockedScreen. Button stack constrained to 300px like the siblings.

02-after

The pending-invite gate carried buzz-onboarding-neutral-theme but not
buzz-startup-shell, so it skipped the shared chartreuse→light-blue
gradient + dot-grid background and rendered on flat white — visibly out
of place against the sibling startup screens it sits alongside.

Add buzz-startup-shell and the data-system-color-scheme hook to the root
(keeping fixed inset-0 z-50, since this overlays MachineOnboardingFlow),
add StartupWindowDragRegion, and align the inner layout and button stack
widths with RecoveryScreen / KeyringLockedScreen.

Styling only — copy, handlers, and test ids are unchanged.

Co-Authored-By: Claude <noreply@anthropic.com>
@morgmart
morgmart force-pushed the style-opening-community-page branch from b651ef6 to a624126 Compare July 18, 2026 23:16
@morgmart
morgmart merged commit 68bd863 into main Jul 18, 2026
45 of 47 checks passed
@morgmart
morgmart deleted the style-opening-community-page branch July 18, 2026 23:55
tlongwell-block pushed a commit that referenced this pull request Jul 19, 2026
Signed-off-by: Tyler Longwell <tlongwell@block.xyz>
Co-authored-by: Tyler Longwell <tlongwell@block.xyz>

* origin/main:
  test(desktop): fix Escape-before-mount race in channel browser e2e (#2101)
  style(desktop): match PendingInviteGate to startup interstitials (#2097)
  Remove additional agents gallery (#2098)
  fix(agents): stop the reply loop and the premature kickoff closer (#2094)
  chore(release): release Buzz Desktop version 0.4.18 (#2091)
  fix(desktop): recover first community joins (#2087)
  fix(chart): support CPU-only relay autoscaling (#2086)
  feat(chart): add relay horizontal autoscaling (#2077)
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.

2 participants