feat(web): show login wall when anonymous user sends message on duplicated chat

When EXPERIMENT_ASK_GH_ENABLED is true, anonymous users who duplicate a
public chat and try to send a follow-up message are now shown a login
modal instead of sending the message. After OAuth redirect, the pending
message is automatically restored and submitted.

Also fixes vi.Mock type errors in listCommitsApi.test.ts by importing
Mock type directly from vitest.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: msukkari

packages/web/src/app/[domain]/askgh/[owner]/[repo]/components/landingPage.tsx

@@ -5,7 +5,7 @@ import { SearchModeSelector } from "@/app/[domain]/components/searchModeSelector
 import { Separator } from "@/components/ui/separator";
 import { ChatBox } from "@/features/chat/components/chatBox";
 import { ChatBoxToolbar } from "@/features/chat/components/chatBox/chatBoxToolbar";
-import { LoginModal } from "./loginModal";
+import { LoginModal } from "@/app/components/loginModal";
 import { NotConfiguredErrorBanner } from "@/features/chat/components/notConfiguredErrorBanner";
 import { LanguageModelInfo, RepoSearchScope } from "@/features/chat/types";
 import { useCreateNewChatThread } from "@/features/chat/useCreateNewChatThread";

packages/web/src/app/[domain]/chat/[id]/components/chatThreadPanel.tsx

@@ -4,6 +4,7 @@ import { ResizablePanel } from '@/components/ui/resizable';
 import { ChatThread } from '@/features/chat/components/chatThread';
 import { LanguageModelInfo, SBChatMessage, SearchScope, SET_CHAT_STATE_SESSION_STORAGE_KEY, SetChatStatePayload } from '@/features/chat/types';
 import { RepositoryQuery, SearchContextQuery } from '@/lib/types';
+import type { IdentityProviderMetadata } from '@/lib/identityProviders';
 import { CreateUIMessage } from 'ai';
 import { useEffect, useState } from 'react';
 import { useChatId } from '../../useChatId';
@@ -18,6 +19,8 @@ interface ChatThreadPanelProps {
     isOwner: boolean;
     isAuthenticated: boolean;
     chatName?: string;
+    providers: IdentityProviderMetadata[];
+    isAskGhEnabled: boolean;
 }
 
 export const ChatThreadPanel = ({
@@ -29,6 +32,8 @@ export const ChatThreadPanel = ({
     isOwner,
     isAuthenticated,
     chatName,
+    providers,
+    isAskGhEnabled,
 }: ChatThreadPanelProps) => {
     // @note: we are guaranteed to have a chatId because this component will only be
     // mounted when on a /chat/[id] route.
@@ -76,6 +81,8 @@ export const ChatThreadPanel = ({
                     isOwner={isOwner}
                     isAuthenticated={isAuthenticated}
                     chatName={chatName}
+                    providers={providers}
+                    isAskGhEnabled={isAskGhEnabled}
                 />
             </div>
         </ResizablePanel>

packages/web/src/app/[domain]/chat/[id]/page.tsx

@@ -18,6 +18,7 @@ import { ChatVisibility } from '@sourcebot/db';
 import { Metadata } from 'next';
 import { SBChatMessage } from '@/features/chat/types';
 import { env, hasEntitlement } from '@sourcebot/shared';
+import { getIdentityProviderMetadata } from '@/lib/identityProviders';
 
 import { captureEvent } from '@/lib/posthog';
 
@@ -151,6 +152,9 @@ export default async function Page(props: PageProps) {
 
     const hasChatSharingEntitlement = hasEntitlement('chat-sharing');
 
+    const isAskGhEnabled = env.EXPERIMENT_ASK_GH_ENABLED === 'true';
+    const providers = isAskGhEnabled ? getIdentityProviderMetadata() : [];
+
     return (
         <div className="flex flex-col h-screen w-screen">
             <TopBar
@@ -197,6 +201,8 @@ export default async function Page(props: PageProps) {
                     isOwner={isOwner}
                     isAuthenticated={!!session}
                     chatName={name ?? undefined}
+                    providers={providers}
+                    isAskGhEnabled={isAskGhEnabled}
                 />
             </ResizablePanelGroup>
         </div>

…[owner]/[repo]/components/loginModal.tsx …es/web/src/app/components/loginModal.tsxpackages/web/src/app/[domain]/askgh/[owner]/[repo]/components/loginModal.tsx renamed to packages/web/src/app/components/loginModal.tsx packages/web/src/app/[domain]/askgh/[owner]/[repo]/components/loginModal.tsx renamed to packages/web/src/app/components/loginModal.tsx

@@ -28,12 +28,16 @@ import { NotConfiguredErrorBanner } from '../notConfiguredErrorBanner';
 import useCaptureEvent from '@/hooks/useCaptureEvent';
 import { SignInPromptBanner } from './signInPromptBanner';
 import { DuplicateChatDialog } from '@/app/[domain]/chat/components/duplicateChatDialog';
+import { LoginModal } from '@/app/components/loginModal';
+import type { IdentityProviderMetadata } from '@/lib/identityProviders';
 import { useParams } from 'next/navigation';
 
 type ChatHistoryState = {
     scrollOffset?: number;
 }
 
+const PENDING_MESSAGE_STORAGE_KEY = "askgh_chat_pending_message";
+
 interface ChatThreadProps {
     id?: string | undefined;
     initialMessages?: SBChatMessage[];
@@ -46,6 +50,8 @@ interface ChatThreadProps {
     isOwner?: boolean;
     isAuthenticated?: boolean;
     chatName?: string;
+    providers?: IdentityProviderMetadata[];
+    isAskGhEnabled?: boolean;
 }
 
 export const ChatThread = ({
@@ -60,6 +66,8 @@ export const ChatThread = ({
     isOwner = true,
     isAuthenticated = false,
     chatName,
+    providers = [],
+    isAskGhEnabled = false,
 }: ChatThreadProps) => {
     const [isErrorBannerVisible, setIsErrorBannerVisible] = useState(false);
     const scrollAreaRef = useRef<HTMLDivElement>(null);
@@ -71,6 +79,8 @@ export const ChatThread = ({
     const params = useParams<{ domain: string }>();
     const [isContextSelectorOpen, setIsContextSelectorOpen] = useState(false);
     const [isDuplicateDialogOpen, setIsDuplicateDialogOpen] = useState(false);
+    const [isLoginModalOpen, setIsLoginModalOpen] = useState(false);
+    const hasRestoredPendingMessage = useRef(false);
     const captureEvent = useCaptureEvent();
 
     // Initial state is from attachments that exist in in the chat history.
@@ -200,6 +210,38 @@ export const ChatThread = ({
         hasSubmittedInputMessage.current = true;
     }, [inputMessage, sendMessage]);
 
+    // Restore pending message after OAuth redirect (askgh login wall)
+    useEffect(() => {
+        if (!isAskGhEnabled || !isAuthenticated || !isOwner || hasRestoredPendingMessage.current) {
+            return;
+        }
+
+        const stored = sessionStorage.getItem(PENDING_MESSAGE_STORAGE_KEY);
+        if (!stored) {
+            return;
+        }
+
+        hasRestoredPendingMessage.current = true;
+        sessionStorage.removeItem(PENDING_MESSAGE_STORAGE_KEY);
+
+        try {
+            const { chatId: storedChatId, children } = JSON.parse(stored) as { chatId: string; children: Descendant[] };
+
+            // Only restore if we're on the same chat that stored the pending message
+            if (storedChatId !== chatId) {
+                return;
+            }
+
+            const text = slateContentToString(children);
+            const mentions = getAllMentionElements(children);
+            const message = createUIMessage(text, mentions.map(({ data }) => data), selectedSearchScopes);
+            sendMessage(message);
+            setIsAutoScrollEnabled(true);
+        } catch (error) {
+            console.error('Failed to restore pending message:', error);
+        }
+    }, [isAskGhEnabled, isAuthenticated, isOwner, chatId, sendMessage, selectedSearchScopes]);
+
     // Track scroll position changes.
     useEffect(() => {
         const scrollElement = scrollAreaRef.current?.querySelector('[data-radix-scroll-area-viewport]') as HTMLElement;
@@ -288,6 +330,13 @@ export const ChatThread = ({
     }, [error]);
 
     const onSubmit = useCallback((children: Descendant[], editor: CustomEditor) => {
+        if (isAskGhEnabled && !isAuthenticated) {
+            captureEvent('wa_askgh_login_wall_prompted', {});
+            sessionStorage.setItem(PENDING_MESSAGE_STORAGE_KEY, JSON.stringify({ chatId, children }));
+            setIsLoginModalOpen(true);
+            return;
+        }
+
         const text = slateContentToString(children);
         const mentions = getAllMentionElements(children);
 
@@ -297,7 +346,7 @@ export const ChatThread = ({
         setIsAutoScrollEnabled(true);
 
         resetEditor(editor);
-    }, [sendMessage, selectedSearchScopes]);
+    }, [sendMessage, selectedSearchScopes, isAskGhEnabled, isAuthenticated, captureEvent, chatId]);
 
     const onDuplicate = useCallback(async (newName: string): Promise<string | null> => {
         if (!defaultChatId) {
@@ -449,6 +498,15 @@ export const ChatThread = ({
                     </div>
                 )}
             </div>
+
+            {isAskGhEnabled && (
+                <LoginModal
+                    isOpen={isLoginModalOpen}
+                    onOpenChange={setIsLoginModalOpen}
+                    providers={providers}
+                    callbackUrl={typeof window !== 'undefined' ? window.location.href : ''}
+                />
+            )}
         </>
     );
 }

packages/web/src/features/chat/components/chatThread/chatThread.tsx

@@ -1,4 +1,4 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { describe, it, expect, vi, beforeEach, type Mock } from 'vitest';
 import { listCommits } from './listCommitsApi';
 import * as dateUtils from './dateUtils';
 
@@ -63,8 +63,8 @@ describe('searchCommits', () => {
     const mockGitLog = vi.fn();
     const mockGitRaw = vi.fn();
     const mockCwd = vi.fn();
-    const mockSimpleGit = simpleGit as unknown as vi.Mock;
-    const mockExistsSync = existsSync as unknown as vi.Mock;
+    const mockSimpleGit = simpleGit as unknown as Mock;
+    const mockExistsSync = existsSync as unknown as Mock;
 
     beforeEach(() => {
         vi.clearAllMocks();