Google login (#3)

* feat: basic google login

* feat: integrate Google OAuth with custom implementation and dynamic configuration

* feat: enhance admin panel with dynamic Google Auth configuration and loading states

* refactor: update login page layout and enhance button components

* ui: remove quick actions from admin dashboard, added padding for admin dashboard page

* refactor: improve code quality

* readme: updated system admin setup instructions inside of the guide

* docs: add detailed Google OAuth setup instructions for system admins

* ui: fix google auth buttons overflowing container on mobile

* ux: allow user to key in project ID for convenience links

* ui: update Google Auth setup instructions for clarity and improve error handling in OAuth callback

* bugfix: improve configuration testing and input validation

* ui: allow unmasking of google client secret

* improve wording and setup guide

* fixed padding

* move auth back into modules

* move auth components back into auth module

* fixed path aliases for auth module

* update auth to allow tracking for which kind of mode was used to login

* allow users to have multiple third party auths

* added disconnect google account flow

* refactor: enhance Google account connection flow with improved error handling and user feedback

- Updated the GoogleConnectCallback component to utilize a card UI for loading and error states.
- Enhanced error handling by setting error states and stopping processing instead of navigating away.
- Added functionality to convert anonymous users to full users upon Google account connection.
- Improved success messages to provide clearer feedback to users.

* fix flash to "success" before failing

* improve connect button for Google

* hide google section and connection if the google auth module is disabled

Author: conradkoh

README.md

@@ -30,6 +30,35 @@ If you prefer to set up manually:
    ```
 3. Run `pnpm dev` in the root directory to start both services
 
+## System Administration Setup
+
+To create a system administrator:
+
+1. **Login anonymously** via the login page
+2. **Set admin privileges** in [Convex Dashboard](https://dashboard.convex.dev):
+   - Go to Data > `users` table
+   - Find your user record and set `accessLevel` to `"system_admin"`
+3. **Access admin dashboard** by clicking your username → "System Admin"
+
+System admins can configure Google OAuth, manage authentication providers, and access system settings.
+
+## Google Auth Setup
+
+To enable Google OAuth authentication:
+
+1. **Configure Google OAuth** in your app's admin dashboard:
+   - Login with your system admin account
+   - Go to your username → "System Admin" → "Google Auth Config"
+   - Follow the instructions to set up Google OAuth credentials
+   
+2. **Transfer admin role to Google account** (Recommended):
+   - After Google Auth is configured, sign in with your Google account
+   - In [Convex Dashboard](https://dashboard.convex.dev), go to Data > `users` table
+   - Find your Google account user record and set `accessLevel` to `"system_admin"`
+   - Remove the `system_admin` access level from the temporary anonymous account
+
+This ensures your system admin access is tied to a verified Google account for better security.
+
 ## Project Structure
 
 - `apps/webapp`: The frontend NextJS application

apps/webapp/package.json

@@ -24,6 +24,7 @@
     "@radix-ui/react-select": "^2.2.4",
     "@radix-ui/react-separator": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.2.5",
     "@radix-ui/react-tabs": "^1.1.12",
     "@types/luxon": "^3.6.2",
     "@workspace/backend": "workspace:*",