From 68bd8630e02abde064688feb31f4305a07788f60 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Sat, 18 Jul 2026 16:55:46 -0700
Subject: [PATCH] style(desktop): match PendingInviteGate to startup
 interstitials (#2097)

Co-authored-by: Claude <noreply@anthropic.com>
---
 .../src/features/onboarding/ui/PendingInviteGate.tsx  | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/desktop/src/features/onboarding/ui/PendingInviteGate.tsx b/desktop/src/features/onboarding/ui/PendingInviteGate.tsx
index 9cce0863f6..3a9b8a5104 100644
--- a/desktop/src/features/onboarding/ui/PendingInviteGate.tsx
+++ b/desktop/src/features/onboarding/ui/PendingInviteGate.tsx
@@ -1,6 +1,8 @@
 import { useCommunityOnboarding } from "@/features/onboarding/communityOnboarding";
+import { useSystemColorScheme } from "@/shared/theme/useSystemColorScheme";
 import { Button } from "@/shared/ui/button";
 import { FlappingBee } from "@/shared/ui/buzz-logo/FlappingBee";
+import { StartupWindowDragRegion } from "@/shared/ui/StartupWindowDragRegion";
 
 /**
  * Acknowledge a community deep link received before machine onboarding is
@@ -9,15 +11,18 @@ import { FlappingBee } from "@/shared/ui/buzz-logo/FlappingBee";
  */
 export function PendingInviteGate() {
   const { transaction, update, clear } = useCommunityOnboarding();
+  const systemColorScheme = useSystemColorScheme();
 
   if (!transaction) return null;
 
   return (
     <div
-      className="buzz-onboarding-neutral-theme fixed inset-0 z-50 flex items-center justify-center bg-background px-4 py-8 text-foreground"
+      className="buzz-onboarding-neutral-theme buzz-startup-shell fixed inset-0 z-50 flex items-center justify-center bg-background px-4 py-8 text-foreground"
+      data-system-color-scheme={systemColorScheme}
       data-testid="pending-invite-gate"
     >
-      <div className="flex w-full max-w-[440px] flex-col items-center text-center">
+      <StartupWindowDragRegion />
+      <div className="relative flex w-full max-w-[500px] flex-col items-center text-center">
         <FlappingBee className="h-auto w-24" />
         <h1 className="mt-6 text-3xl font-semibold tracking-tight">
           Opening community link
@@ -25,7 +30,7 @@ export function PendingInviteGate() {
         <p className="mt-3 text-sm leading-6 text-muted-foreground">
           You’ll connect to {transaction.communityName} once setup is finished.
         </p>
-        <div className="mt-8 flex w-full flex-col gap-3">
+        <div className="mt-8 flex w-full max-w-[300px] flex-col gap-3">
           <Button
             className="h-10 w-full"
             data-testid="pending-invite-continue"