mirror of
https://github.com/danny-avila/LibreChat.git
synced 2025-12-25 20:58:50 +01:00
* ✨ feat: Add connection status endpoint for MCP servers
- Implemented a new endpoint to retrieve the connection status of all MCP servers without disconnecting idle connections.
- Enhanced MCPManager class with a method to get all user-specific connections.
* feat: add silencer arg to loadCustomConfig function to conditionally print config details
- Modified loadCustomConfig to accept a printConfig parameter that allows me to prevent the entire custom config being printed every time it is called
* fix: new status endpoint actually works now, changes to manager.ts to support it
- Updated the connection status endpoint to utilize Maps for app and user connections, rather than incorrectly treating them as objects.
- Introduced a new method + variable in MCPManager to track servers requiring OAuth discovered at startup.
- Stopped OAuth flow from continuing once detected during startup for a new connection
* refactor: Remove hasAuthConfig since we can get that on the frontend without needing to use the endpoint
* feat: Add MCP connection status query and query key for new endpoint
- Introduced a new query hook `useMCPConnectionStatusQuery` to fetch the connection status of MCP servers.
- Added request in data-service
- Defined the API endpoint for retrieving MCP connection status in api-endpoints.ts.
- Defined new types for MCP connection status responses in the types module.
- Added mcpConnectionStatus key
* feat: Enhance MCPSelect component with connection status and server configuration
- Added connection status handling for MCP servers using the new `useMCPConnectionStatusQuery` hook.
- Implemented logic to display appropriate status icons based on connection state and authentication configuration.
- Updated the server selection logic to utilize configured MCP servers from the startup configuration.
- Refactored the rendering of configuration buttons and status indicators for improved user interaction.
* refactor: move MCPConfigDialog to its own MCP subdir in ui and update import
* refactor: silence loadCustomConfig in status endpoint
* feat: Add optional pluginKey parameter to getUserPluginAuthValue
* feat: Add MCP authentication values endpoint and related queries
- Implemented a new endpoint to check authentication value flags for specific MCP servers, returning boolean indicators for each custom user variable.
- Added a corresponding query hook `useMCPAuthValuesQuery` to fetch authentication values from the frontend.
- Defined the API endpoint for retrieving MCP authentication values in api-endpoints.ts.
- Updated data-service to include a method for fetching MCP authentication values.
- Introduced new types for MCP authentication values responses in the types module.
- Added a new query key for MCP authentication values.
* feat: Localize MCPSelect component status labels and aria attributes
- Updated the MCPSelect component to use localized strings for connection status labels and aria attributes, enhancing accessibility and internationalization support.
- Added new translation keys for various connection states in the translation.json file.
* feat: Implement filtered MCP values selection based on connection status in MCPSelect
- Added a new `filteredSetMCPValues` function to ensure only connected servers are selectable in the MCPSelect component.
- Updated the rendering logic to visually indicate the connection status of servers by adjusting opacity.
- Enhanced accessibility by localizing the aria-label for the configuration button.
* feat: Add CustomUserVarsSection component for managing user variables
- Introduced a new `CustomUserVarsSection` component to allow users to configure custom variables for MCP servers.
- Integrated localization for user interface elements and added new translation keys for variable management.
- Added functionality to save and revoke user variables, with visual indicators for set/unset states.
* feat: Enhance MCPSelect and MCPConfigDialog with improved state management and UI updates
- Integrated `useQueryClient` to refetch queries for tools, authentication values, and connection status upon successful plugin updates in MCPSelect.
- Simplified plugin key handling by directly using the formatted plugin key in save and revoke operations.
- Updated MCPConfigDialog to include server status indicators and improved dialog content structure for better user experience.
- Added new translation key for active status in the localization files.
* feat: Enhance MCPConfigDialog with dynamic server status badges and localization updates
- Added a helper function to render status badges based on the connection state of the MCP server, improving user feedback on connection status.
- Updated the localization files to include new translation keys for connection states such as "Connecting" and "Offline".
- Refactored the dialog to utilize the new status rendering function for better code organization and readability.
* feat: Implement OAuth handling and server initialization in MCP reinitialize flow
- Added OAuth handling to the MCP reinitialize endpoint, allowing the server to capture and return OAuth URLs when required.
- Updated the MCPConfigDialog to include a new ServerInitializationSection for managing server initialization and OAuth flow.
- Enhanced the user experience by providing feedback on server status and OAuth requirements through localized messages.
- Introduced new translation keys for OAuth-related messages in the localization files.
- Refactored the MCPSelect component to remove unused authentication configuration props.
* feat: Make OAuth actually work / update after OAuth link authorized
- Improved the handling of OAuth flows in the MCP reinitialize process, allowing for immediate return when OAuth is initiated.
- Updated the UserController to extract server names from plugin keys for better logging and connection management.
- Enhanced the MCPSelect component to reflect authentication status based on OAuth requirements.
- Implemented polling for OAuth completion in the ServerInitializationSection to improve user feedback during the connection process.
- Refactored MCPManager to support new OAuth flow initiation logic and connection handling.
* refactor: Simplify MCPPanel component and enhance server status display
- Removed unused imports and state management related to user plugins and server reinitialization.
- Integrated connection status handling directly into the MCPPanel for improved user feedback.
- Updated the rendering logic to display server connection states with visual indicators.
- Refactored the editing view to utilize new components for server initialization and custom user variables management.
* chore: remove comments
* chore: remove unused translation key for MCP panel
* refactor: Rename returnOnOAuthInitiated to returnOnOAuth for clarity
* refactor: attempt initialize on server click
* feat: add cancel OAuth flow functionality and related UI updates
* refactor: move server status icon logic into its own component
* chore: remove old localization strings (makes more sense for icon labels to just use configure stirng since thats where it leads to)
* fix: fix accessibility issues with MCPSelect
* fix: add missing save/revoke mutation logic to MCPPanel
* styling: add margin to checkmark in MultiSelect
* fix: add back in customUserVars check to hide gear config icon for servers without customUserVars
---------
Co-authored-by: Dustin Healy <dustinhealy1@gmail.com>
Co-authored-by: Dustin Healy <54083382+dustinhealy@users.noreply.github.com>
305 lines
9.7 KiB
TypeScript
305 lines
9.7 KiB
TypeScript
import type { AssistantsEndpoint } from './schemas';
|
|
import * as q from './types/queries';
|
|
|
|
// Testing this buildQuery function
|
|
const buildQuery = (params: Record<string, unknown>): string => {
|
|
const query = Object.entries(params)
|
|
.filter(([, value]) => {
|
|
if (Array.isArray(value)) {
|
|
return value.length > 0;
|
|
}
|
|
return value !== undefined && value !== null && value !== '';
|
|
})
|
|
.map(([key, value]) => {
|
|
if (Array.isArray(value)) {
|
|
return value.map((v) => `${key}=${encodeURIComponent(v)}`).join('&');
|
|
}
|
|
return `${key}=${encodeURIComponent(String(value))}`;
|
|
})
|
|
.join('&');
|
|
return query ? `?${query}` : '';
|
|
};
|
|
|
|
export const health = () => '/health';
|
|
export const user = () => '/api/user';
|
|
|
|
export const balance = () => '/api/balance';
|
|
|
|
export const userPlugins = () => '/api/user/plugins';
|
|
|
|
export const deleteUser = () => '/api/user/delete';
|
|
|
|
export const messages = (params: q.MessagesListParams) => {
|
|
const { conversationId, messageId, ...rest } = params;
|
|
|
|
if (conversationId && messageId) {
|
|
return `/api/messages/${conversationId}/${messageId}`;
|
|
}
|
|
|
|
if (conversationId) {
|
|
return `/api/messages/${conversationId}`;
|
|
}
|
|
|
|
return `/api/messages${buildQuery(rest)}`;
|
|
};
|
|
|
|
const shareRoot = '/api/share';
|
|
export const shareMessages = (shareId: string) => `${shareRoot}/${shareId}`;
|
|
export const getSharedLink = (conversationId: string) => `${shareRoot}/link/${conversationId}`;
|
|
export const getSharedLinks = (
|
|
pageSize: number,
|
|
isPublic: boolean,
|
|
sortBy: 'title' | 'createdAt',
|
|
sortDirection: 'asc' | 'desc',
|
|
search?: string,
|
|
cursor?: string,
|
|
) =>
|
|
`${shareRoot}?pageSize=${pageSize}&isPublic=${isPublic}&sortBy=${sortBy}&sortDirection=${sortDirection}${
|
|
search ? `&search=${search}` : ''
|
|
}${cursor ? `&cursor=${cursor}` : ''}`;
|
|
export const createSharedLink = (conversationId: string) => `${shareRoot}/${conversationId}`;
|
|
export const updateSharedLink = (shareId: string) => `${shareRoot}/${shareId}`;
|
|
|
|
const keysEndpoint = '/api/keys';
|
|
|
|
export const keys = () => keysEndpoint;
|
|
|
|
export const userKeyQuery = (name: string) => `${keysEndpoint}?name=${name}`;
|
|
|
|
export const revokeUserKey = (name: string) => `${keysEndpoint}/${name}`;
|
|
|
|
export const revokeAllUserKeys = () => `${keysEndpoint}?all=true`;
|
|
|
|
export const conversationsRoot = '/api/convos';
|
|
|
|
export const conversations = (params: q.ConversationListParams) => {
|
|
return `${conversationsRoot}${buildQuery(params)}`;
|
|
};
|
|
|
|
export const conversationById = (id: string) => `${conversationsRoot}/${id}`;
|
|
|
|
export const genTitle = () => `${conversationsRoot}/gen_title`;
|
|
|
|
export const updateConversation = () => `${conversationsRoot}/update`;
|
|
|
|
export const deleteConversation = () => `${conversationsRoot}`;
|
|
|
|
export const deleteAllConversation = () => `${conversationsRoot}/all`;
|
|
|
|
export const importConversation = () => `${conversationsRoot}/import`;
|
|
|
|
export const forkConversation = () => `${conversationsRoot}/fork`;
|
|
|
|
export const duplicateConversation = () => `${conversationsRoot}/duplicate`;
|
|
|
|
export const search = (q: string, cursor?: string | null) =>
|
|
`/api/search?q=${q}${cursor ? `&cursor=${cursor}` : ''}`;
|
|
|
|
export const searchEnabled = () => '/api/search/enable';
|
|
|
|
export const presets = () => '/api/presets';
|
|
|
|
export const deletePreset = () => '/api/presets/delete';
|
|
|
|
export const aiEndpoints = () => '/api/endpoints';
|
|
|
|
export const endpointsConfigOverride = () => '/api/endpoints/config/override';
|
|
|
|
export const models = () => '/api/models';
|
|
|
|
export const tokenizer = () => '/api/tokenizer';
|
|
|
|
export const login = () => '/api/auth/login';
|
|
|
|
export const logout = () => '/api/auth/logout';
|
|
|
|
export const register = () => '/api/auth/register';
|
|
|
|
export const loginFacebook = () => '/api/auth/facebook';
|
|
|
|
export const loginGoogle = () => '/api/auth/google';
|
|
|
|
export const refreshToken = (retry?: boolean) =>
|
|
`/api/auth/refresh${retry === true ? '?retry=true' : ''}`;
|
|
|
|
export const requestPasswordReset = () => '/api/auth/requestPasswordReset';
|
|
|
|
export const resetPassword = () => '/api/auth/resetPassword';
|
|
|
|
export const verifyEmail = () => '/api/user/verify';
|
|
|
|
export const resendVerificationEmail = () => '/api/user/verify/resend';
|
|
|
|
export const plugins = () => '/api/plugins';
|
|
|
|
export const mcpReinitialize = (serverName: string) => `/api/mcp/${serverName}/reinitialize`;
|
|
export const mcpConnectionStatus = () => '/api/mcp/connection/status';
|
|
export const mcpAuthValues = (serverName: string) => {
|
|
return `/api/mcp/${serverName}/auth-values`;
|
|
};
|
|
|
|
export const cancelMCPOAuth = (serverName: string) => {
|
|
return `/api/mcp/oauth/cancel/${serverName}`;
|
|
};
|
|
|
|
export const config = () => '/api/config';
|
|
|
|
export const prompts = () => '/api/prompts';
|
|
|
|
export const assistants = ({
|
|
path = '',
|
|
options,
|
|
version,
|
|
endpoint,
|
|
isAvatar,
|
|
}: {
|
|
path?: string;
|
|
options?: object;
|
|
endpoint?: AssistantsEndpoint;
|
|
version: number | string;
|
|
isAvatar?: boolean;
|
|
}) => {
|
|
let url = isAvatar === true ? `${images()}/assistants` : `/api/assistants/v${version}`;
|
|
|
|
if (path && path !== '') {
|
|
url += `/${path}`;
|
|
}
|
|
|
|
if (endpoint) {
|
|
options = {
|
|
...(options ?? {}),
|
|
endpoint,
|
|
};
|
|
}
|
|
|
|
if (options && Object.keys(options).length > 0) {
|
|
const queryParams = new URLSearchParams(options as Record<string, string>).toString();
|
|
url += `?${queryParams}`;
|
|
}
|
|
|
|
return url;
|
|
};
|
|
|
|
export const agents = ({ path = '', options }: { path?: string; options?: object }) => {
|
|
let url = '/api/agents';
|
|
|
|
if (path && path !== '') {
|
|
url += `/${path}`;
|
|
}
|
|
|
|
if (options && Object.keys(options).length > 0) {
|
|
const queryParams = new URLSearchParams(options as Record<string, string>).toString();
|
|
url += `?${queryParams}`;
|
|
}
|
|
|
|
return url;
|
|
};
|
|
|
|
export const revertAgentVersion = (agent_id: string) => `${agents({ path: `${agent_id}/revert` })}`;
|
|
|
|
export const files = () => '/api/files';
|
|
export const fileUpload = () => '/api/files';
|
|
export const fileDelete = () => '/api/files';
|
|
export const fileDownload = (userId: string, fileId: string) =>
|
|
`/api/files/download/${userId}/${fileId}`;
|
|
export const fileConfig = () => '/api/files/config';
|
|
export const agentFiles = (agentId: string) => `/api/files/agent/${agentId}`;
|
|
|
|
export const images = () => `${files()}/images`;
|
|
|
|
export const avatar = () => `${images()}/avatar`;
|
|
|
|
export const speech = () => `${files()}/speech`;
|
|
|
|
export const speechToText = () => `${speech()}/stt`;
|
|
|
|
export const textToSpeech = () => `${speech()}/tts`;
|
|
|
|
export const textToSpeechManual = () => `${textToSpeech()}/manual`;
|
|
|
|
export const textToSpeechVoices = () => `${textToSpeech()}/voices`;
|
|
|
|
export const getCustomConfigSpeech = () => `${speech()}/config/get`;
|
|
|
|
export const getPromptGroup = (_id: string) => `${prompts()}/groups/${_id}`;
|
|
|
|
export const getPromptGroupsWithFilters = (filter: object) => {
|
|
let url = `${prompts()}/groups`;
|
|
if (Object.keys(filter).length > 0) {
|
|
const queryParams = new URLSearchParams(filter as Record<string, string>).toString();
|
|
url += `?${queryParams}`;
|
|
}
|
|
return url;
|
|
};
|
|
|
|
export const getPromptsWithFilters = (filter: object) => {
|
|
let url = prompts();
|
|
if (Object.keys(filter).length > 0) {
|
|
const queryParams = new URLSearchParams(filter as Record<string, string>).toString();
|
|
url += `?${queryParams}`;
|
|
}
|
|
return url;
|
|
};
|
|
|
|
export const getPrompt = (_id: string) => `${prompts()}/${_id}`;
|
|
|
|
export const getRandomPrompts = (limit: number, skip: number) =>
|
|
`${prompts()}/random?limit=${limit}&skip=${skip}`;
|
|
|
|
export const postPrompt = prompts;
|
|
|
|
export const updatePromptGroup = getPromptGroup;
|
|
|
|
export const updatePromptLabels = (_id: string) => `${getPrompt(_id)}/labels`;
|
|
|
|
export const updatePromptTag = (_id: string) => `${getPrompt(_id)}/tags/production`;
|
|
|
|
export const deletePromptGroup = getPromptGroup;
|
|
|
|
export const deletePrompt = ({ _id, groupId }: { _id: string; groupId: string }) => {
|
|
return `${prompts()}/${_id}?groupId=${groupId}`;
|
|
};
|
|
|
|
export const getCategories = () => '/api/categories';
|
|
|
|
export const getAllPromptGroups = () => `${prompts()}/all`;
|
|
|
|
/* Roles */
|
|
export const roles = () => '/api/roles';
|
|
export const getRole = (roleName: string) => `${roles()}/${roleName.toLowerCase()}`;
|
|
export const updatePromptPermissions = (roleName: string) => `${getRole(roleName)}/prompts`;
|
|
export const updateMemoryPermissions = (roleName: string) => `${getRole(roleName)}/memories`;
|
|
export const updateAgentPermissions = (roleName: string) => `${getRole(roleName)}/agents`;
|
|
|
|
/* Conversation Tags */
|
|
export const conversationTags = (tag?: string) =>
|
|
`/api/tags${tag != null && tag ? `/${encodeURIComponent(tag)}` : ''}`;
|
|
|
|
export const conversationTagsList = (pageNumber: string, sort?: string, order?: string) =>
|
|
`${conversationTags()}/list?pageNumber=${pageNumber}${sort ? `&sort=${sort}` : ''}${
|
|
order ? `&order=${order}` : ''
|
|
}`;
|
|
|
|
export const addTagToConversation = (conversationId: string) =>
|
|
`${conversationTags()}/convo/${conversationId}`;
|
|
|
|
export const userTerms = () => '/api/user/terms';
|
|
export const acceptUserTerms = () => '/api/user/terms/accept';
|
|
export const banner = () => '/api/banner';
|
|
|
|
// Message Feedback
|
|
export const feedback = (conversationId: string, messageId: string) =>
|
|
`/api/messages/${conversationId}/${messageId}/feedback`;
|
|
|
|
// Two-Factor Endpoints
|
|
export const enableTwoFactor = () => '/api/auth/2fa/enable';
|
|
export const verifyTwoFactor = () => '/api/auth/2fa/verify';
|
|
export const confirmTwoFactor = () => '/api/auth/2fa/confirm';
|
|
export const disableTwoFactor = () => '/api/auth/2fa/disable';
|
|
export const regenerateBackupCodes = () => '/api/auth/2fa/backup/regenerate';
|
|
export const verifyTwoFactorTemp = () => '/api/auth/2fa/verify-temp';
|
|
|
|
/* Memories */
|
|
export const memories = () => '/api/memories';
|
|
export const memory = (key: string) => `${memories()}/${encodeURIComponent(key)}`;
|
|
export const memoryPreferences = () => `${memories()}/preferences`;
|