feat: wire frontend OAuth config UI to backend GraphQL API

- Add OAuth config GraphQL queries and mutations to queries.ts:
  - GET_OAUTH_PROVIDER_CONFIGS
  - GET_OAUTH_PROVIDER_CONFIG
  - UPDATE_OAUTH_PROVIDER_CONFIG
  - DELETE_OAUTH_PROVIDER_CONFIG
- Update Admin.tsx OAuthProviderManagement component:
  - Use useQuery to load OAuth configs on mount
  - Use useMutation to save configs to backend
  - Real-time loading states during API calls
  - Automatic refetch after save
  - Proper error handling

OAuth provider configuration now fully functional end-to-end:
Admin UI → GraphQL API → SQLite Storage

Author: Matthew Valancy

packages/web/src/lib/queries.ts

@@ -381,6 +381,61 @@ export const DELETE_EDGE = gql`
   }
 `;
 
+// OAuth Provider Configuration Queries
+export const GET_OAUTH_PROVIDER_CONFIGS = gql`
+  query GetOAuthProviderConfigs {
+    oauthProviderConfigs {
+      provider
+      enabled
+      clientId
+      clientSecret
+      callbackUrl
+      configured
+      createdAt
+      updatedAt
+    }
+  }
+`;
+
+export const GET_OAUTH_PROVIDER_CONFIG = gql`
+  query GetOAuthProviderConfig($provider: String!) {
+    oauthProviderConfig(provider: $provider) {
+      provider
+      enabled
+      clientId
+      clientSecret
+      callbackUrl
+      configured
+      createdAt
+      updatedAt
+    }
+  }
+`;
+
+export const UPDATE_OAUTH_PROVIDER_CONFIG = gql`
+  mutation UpdateOAuthProviderConfig($input: OAuthProviderConfigInput!) {
+    updateOAuthProviderConfig(input: $input) {
+      provider
+      enabled
+      clientId
+      clientSecret
+      callbackUrl
+      configured
+      createdAt
+      updatedAt
+    }
+  }
+`;
+
+export const DELETE_OAUTH_PROVIDER_CONFIG = gql`
+  mutation DeleteOAuthProviderConfig($provider: String!) {
+    deleteOAuthProviderConfig(provider: $provider) {
+      success
+      message
+    }
+  }
+`;
+
 // Backward compatibility exports
 export const GET_NODES = GET_WORK_ITEMS;
 export const GET_NODE_BY_ID = GET_WORK_ITEM_BY_ID;

packages/web/src/pages/Admin.tsx

@@ -5,6 +5,8 @@ import { AdminUserManagement } from '../components/AdminUserManagement';
 import { CustomDropdown } from '../components/CustomDropdown';
 import { APP_VERSION } from '../utils/version';
 import { useSystemConfig } from '../hooks/useSystemConfig';
+import { useQuery, useMutation } from '@apollo/client';
+import { GET_OAUTH_PROVIDER_CONFIGS, UPDATE_OAUTH_PROVIDER_CONFIG } from '../lib/queries';
 
 export function Admin() {
   const { currentUser } = useAuth();
@@ -298,28 +300,51 @@ function OAuthProviderManagement() {
   });
 
   const [saved, setSaved] = useState(false);
-  const [loading, setLoading] = useState(false);
+
+  const { data, loading: queryLoading, refetch } = useQuery(GET_OAUTH_PROVIDER_CONFIGS);
+  const [updateOAuthConfig, { loading: mutationLoading }] = useMutation(UPDATE_OAUTH_PROVIDER_CONFIG);
+
+  const loading = queryLoading || mutationLoading;
 
   useEffect(() => {
-    // TODO: Load OAuth provider configuration from backend
-    console.log('Loading OAuth provider configuration...');
-  }, []);
+    if (data?.oauthProviderConfigs) {
+      const loadedProviders = { ...providers };
+      data.oauthProviderConfigs.forEach((config: any) => {
+        if (loadedProviders[config.provider as keyof typeof loadedProviders]) {
+          loadedProviders[config.provider as keyof typeof loadedProviders] = {
+            enabled: config.enabled,
+            clientId: config.clientId || '',
+            clientSecret: config.clientSecret || '',
+            callbackUrl: config.callbackUrl,
+            configured: config.configured,
+          };
+        }
+      });
+      setProviders(loadedProviders);
+    }
+  }, [data]);
 
   const handleSave = async () => {
-    setLoading(true);
     try {
-      // TODO: Save OAuth provider configuration to backend
-      console.log('Saving OAuth provider configuration:', providers);
-
-      // Simulate API call
-      await new Promise(resolve => setTimeout(resolve, 1000));
+      for (const [providerKey, config] of Object.entries(providers)) {
+        await updateOAuthConfig({
+          variables: {
+            input: {
+              provider: providerKey,
+              enabled: config.enabled,
+              clientId: config.clientId,
+              clientSecret: config.clientSecret,
+              callbackUrl: config.callbackUrl,
+            },
+          },
+        });
+      }
 
+      await refetch();
       setSaved(true);
       setTimeout(() => setSaved(false), 3000);
     } catch (error) {
       console.error('Failed to save OAuth configuration:', error);
-    } finally {
-      setLoading(false);
     }
   };