fix(project-files): gate pending mention hydration

Author: mzxchandra

apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/plus-menu-dropdown/plus-menu-dropdown.test.tsx

@@ -1,5 +1,6 @@
 /** @vitest-environment jsdom */
 import { act, createRef } from 'react'
+import { createDeferred } from '@sim/testing/helpers/deferred'
 import { integrationMatcherMock } from '@sim/testing/mocks/integration-matcher.mock'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { createRoot, type Root } from 'react-dom/client'
@@ -121,3 +122,19 @@ it('stops Project tagging through the browse submenu when Project files are disa
   await selectProject()
   expect(selected).toBeNull()
 })
+
+it('only waits for pending Projects when Project mentions are selectable', async () => {
+  const response = createDeferred<Response>()
+  vi.stubGlobal('fetch', (input: string) =>
+    input.startsWith('/api/projects?') ? response.promise : Promise.resolve(Response.json({}))
+  )
+  try {
+    await render(true)
+    await act(async () => handle.current?.open({ left: 0, top: 0 }, { mention: true }))
+    expect(handle.current?.selectActive()).toBe('hydrating')
+    await render(false)
+    expect(handle.current?.selectActive()).toBe('empty')
+  } finally {
+    await act(async () => response.resolve(Response.json({ projects: [], nextCursor: null })))
+  }
+})

apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/plus-menu-dropdown/plus-menu-dropdown.tsx

@@ -207,7 +207,9 @@ export const PlusMenuDropdown = React.memo(
       : combined.groups
     const isHydrating =
       combined.isHydrating ||
-      Boolean(organizationId && (workspacesPending || (projectsEnabled && projectQuery.isPending)))
+      Boolean(
+        organizationId && (workspacesPending || (projectSelectionEnabled && projectQuery.isPending))
+      )
 
     const doOpen = useCallback(
       (anchor: { left: number; top: number }, options?: { mention?: boolean }) => {