fix: o(n) requests on project switch + perisstance (#801)

### TL;DR

Improved project selection logic and optimized query cache clearing when switching projects.

closes #798

### What changed?

- Enhanced project selection logic to maintain the current project when switching accounts if it's available in the new account's scoped teams
- Added `setStep` to the dependency arrays in `useActionSelectorState` to ensure proper reactivity
- Modified query cache clearing behavior when switching projects to only remove project-specific queries while preserving project list and user data
- Added proper handling of available project IDs when authenticating

### How to test?

1. Log in with an account that has access to multiple projects
2. Switch between projects and verify that the current project is maintained if available in both accounts
3. Verify that the project switcher still shows the correct list of available projects after switching
4. Check that navigation to task input works correctly after project selection

### Why make this change?

This change improves the user experience when switching between projects by:
1. Maintaining context when possible (keeping the same project if available)
2. Preserving necessary data in the query cache to avoid unnecessary refetching
3. Ensuring the project switcher has the correct data available immediately

Author: k11kirky

apps/twig/src/renderer/components/action-selector/useActionSelectorState.ts

@@ -245,6 +245,7 @@ export function useActionSelectorState({
     customInput,
     onSelect,
     saveCurrentStepAnswer,
+    setStep,
   ]);
 
   const selectByIndex = useCallback(
@@ -291,6 +292,7 @@ export function useActionSelectorState({
       toggleCheck,
       onSelect,
       saveCurrentStepAnswer,
+      setStep,
     ],
   );
 

apps/twig/src/renderer/features/auth/stores/authStore.ts

@@ -262,10 +262,12 @@ export const useAuthStore = create<AuthState>()(
                 };
 
                 const apiHost = getCloudUrlFromRegion(state.cloudRegion);
+                const scopedTeams = tokenResponse.scoped_teams ?? [];
+                const storedProjectId = state.projectId;
                 const projectId =
-                  tokenResponse.scoped_teams?.[0] ||
-                  state.projectId ||
-                  undefined;
+                  storedProjectId && scopedTeams.includes(storedProjectId)
+                    ? storedProjectId
+                    : (scopedTeams[0] ?? storedProjectId ?? undefined);
 
                 const client = new PostHogAPIClient(
                   tokenResponse.access_token,
@@ -288,6 +290,10 @@ export const useAuthStore = create<AuthState>()(
                   storedTokens,
                   client,
                   ...(projectId && { projectId }),
+                  availableProjectIds:
+                    scopedTeams.length > 0
+                      ? scopedTeams
+                      : state.availableProjectIds,
                 });
 
                 trpcVanilla.agent.updateToken
@@ -665,8 +671,15 @@ export const useAuthStore = create<AuthState>()(
             storedTokens: updatedTokens,
           });
 
-          // Clear query cache to fetch data for the new project
-          queryClient.clear();
+          // Clear project-scoped queries, but keep project list/user for the switcher
+          queryClient.removeQueries({
+            predicate: (query) => {
+              const key = Array.isArray(query.queryKey)
+                ? query.queryKey[0]
+                : query.queryKey;
+              return key !== "projects" && key !== "currentUser";
+            },
+          });
 
           // Navigate to task input after project selection
           useNavigationStore.getState().navigateToTaskInput();