This pull request introduces a new, unified connector management system in the frontend, enabling users to view, connect, disconnect, and manage third-party connectors (such as Google Drive, OneDrive, and SharePoint) through a set of new React hooks, API integrations, and a UI component. The changes provide a more robust, user-friendly experience for handling connector authentication, status, and actions.

The most important changes are:

Connector Management Hooks and API Integration

• Added useGetConnectorsQuery hook to fetch available connectors and their statuses, and defined a comprehensive Connector type to standardize connector data throughout the app. (frontend/app/api/queries/useGetConnectorsQuery.ts)
• Added useConnectConnectorMutation and useDisconnectConnectorMutation hooks to handle connector authentication (including OAuth flow) and disconnection, with optimistic updates and error handling. (frontend/app/api/mutations/useConnectConnectorMutation.ts, frontend/app/api/mutations/useDisconnectConnectorMutation.ts) [1] [2]
• Added useGetConnectorTokenQuery to retrieve access tokens for connectors, supporting resource-specific tokens and error handling. (frontend/app/api/queries/useGetConnectorTokenQuery.ts)

Connector Management UI

• Implemented ConnectorCards component to display all connectors, show their connection status, and provide actions for connecting, disconnecting, and managing knowledge uploads, with loading and error states. (frontend/app/settings/_components/connector-cards.tsx)

API Improvements and Bug Fixes

• Enhanced the connector sync API to support additional parameters (such as connection_id, max_files, selected_files, and settings), making the sync process more flexible. (frontend/app/api/mutations/useSyncConnector.ts)
• Fixed a bug in the authentication callback that incorrectly set the auth purpose for certain connector types. (frontend/app/auth/callback/page.tsx)