V48 (impl-only): Add Authorize GitHub chrome after wallet Connect

Show Authorize GitHub once the wallet is bound and GitHub App + ≥1 repository are incomplete; open Externals and purple-spotlight the Repository Connection card and install CTA.

Author: geraldarthurdavis

uapi/components/auxillaries/AuxillariesSurface/AuxillariesSurface.tsx

@@ -70,9 +70,11 @@ export default function AuxillariesSurface({
       )}
 
       {/*
-        Wallet-native chrome: Connect focuses Wallet auxillary + connect CTAs;
-        Disconnect when session or Bitcoin wallet is bound. No Connect
-        chrome — identity entry is wallet binding.
+        Wallet-native chrome:
+        - Connect → Wallet pane + orange connect CTAs (identity entry)
+        - Authorize GitHub → Externals pane + purple GitHub card/button
+          (only after wallet bind, before App + ≥1 authorized repository)
+        - Disconnect when session or Bitcoin wallet is bound
       */}
       {surface.authLoaded && !surface.hasConnectedIdentity && (
         <button
@@ -87,6 +89,19 @@ export default function AuxillariesSurface({
         </button>
       )}
 
+      {surface.authLoaded && surface.needsGitHubConnectAttention && (
+        <button
+          type="button"
+          data-auxillaries-testid="auxillaries-authorize-github-button"
+          data-testid="auxillaries-authorize-github-button"
+          onClick={surface.handleAuthorizeGitHubChrome}
+          className="auxillaries-action-button auxillaries-authorize-github-button auxillaries-toggle-button orbital-toggle-button inline-flex h-10 min-w-[11.5rem] items-center justify-center rounded-none border border-fuchsia-300/40 bg-fuchsia-950/85 px-4 text-xs font-bold uppercase tracking-[0.12em] text-fuchsia-50 shadow-[0_14px_32px_rgba(0,0,0,0.24),0_0_0_1px_rgba(232,121,249,0.12)_inset] transition hover:-translate-y-px hover:border-fuchsia-200/55 hover:bg-fuchsia-900/90 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fuchsia-300/50"
+          aria-label="Authorize GitHub"
+        >
+          Authorize GitHub
+        </button>
+      )}
+
       {surface.authLoaded && surface.hasConnectedIdentity && (
         <button
           type="button"

uapi/components/auxillaries/AuxillariesSurface/hooks/use-auxillaries-surface.ts

@@ -56,15 +56,24 @@ export function useAuxillariesSurface({
   const { data: sessionUser, isLoading: userLoading } = useUser();
   const { data: profileData, isLoading: profileLoading } = useProfile();
   const { data: onboardingData } = useOnboarding();
-  const { data: auxillaryData, hasWalletConnection, hasGitHubConnection, hasValidGitHubConnection } =
-    useUserData();
+  const {
+    data: auxillaryData,
+    hasWalletConnection,
+    hasGitHubConnection,
+    hasValidGitHubConnection,
+    repositories,
+  } = useUserData();
 
   const authLoaded = !userLoading;
   // Wallet-native identity: a bound Bitcoin wallet counts as connected even
   // before a Supabase session user is present (Connect / Disconnect chrome).
   const hasConnectedIdentity = Boolean(sessionUser) || hasWalletConnection;
-  const needsGitHubConnectAttention =
-    hasWalletConnection && !(hasValidGitHubConnection || hasGitHubConnection);
+  // Onboarding GitHub step: App install + at least one authorized repository.
+  const hasAuthorizedGitHubRepository =
+    (hasValidGitHubConnection || hasGitHubConnection) &&
+    Array.isArray(repositories) &&
+    repositories.length >= 1;
+  const needsGitHubConnectAttention = hasWalletConnection && !hasAuthorizedGitHubRepository;
   const [supabaseClient] = useState(() => createClient());
   const router = useRouter();
   const pathname = usePathname();
@@ -327,13 +336,19 @@ export function useAuxillariesSurface({
   /**
    * After wallet is bound but GitHub is not: open Externals and purple-spotlight
    * the Repository Connection card + Install GitHub App button.
+   * Used by auto-cue after wallet bind and by chrome "Authorize GitHub".
    */
   const focusExternalsGitHubConnect = useCallback(() => {
     setCurrentStep('externals');
     trackEvent('auxillaries_connect_focus_github');
     requestGitHubConnectAttention();
   }, []);
 
+  /** Chrome twin of Connect: Externals pane + purple GitHub attention. */
+  const handleAuthorizeGitHubChrome = useCallback(() => {
+    focusExternalsGitHubConnect();
+  }, [focusExternalsGitHubConnect]);
+
   const prevWalletConnectedRef = useRef(false);
   const githubCueOnOpenRef = useRef(false);
 
@@ -410,6 +425,7 @@ export function useAuxillariesSurface({
     sessionUser,
     hasWalletConnection,
     hasConnectedIdentity,
+    needsGitHubConnectAttention,
     profileData,
     profileLoading,
     auxillaryData,
@@ -434,6 +450,7 @@ export function useAuxillariesSurface({
     auxillariesBackgroundAnimationClass,
     handleSignOut,
     handleConnectChrome,
+    handleAuthorizeGitHubChrome,
     handleStepComplete,
     handleStepClick,
     handleStepCompletionChange,