mirror of
https://github.com/danny-avila/LibreChat.git
synced 2025-09-22 08:12:00 +02:00
561ce8e86a
* refactor: add gemini-pro to google Models list; use defaultModels for central model listing * refactor(SetKeyDialog): create useMultipleKeys hook to use for Azure, export `isJson` from utils, use EModelEndpoint * refactor(useUserKey): change variable names to make keyName setting more clear * refactor(FileUpload): allow passing container className string * feat(GoogleClient): Gemini support * refactor(GoogleClient): alternate stream speed for Gemini models * feat(Gemini): styling/settings configuration for Gemini * refactor(GoogleClient): substract max response tokens from max context tokens if context is above 32k (I/O max is combined between the two) * refactor(tokens): correct google max token counts and subtract max response tokens when input/output count are combined towards max context count * feat(google/initializeClient): handle both local and user_provided credentials and write tests * fix(GoogleClient): catch if credentials are undefined, handle if serviceKey is string or object correctly, handle no examples passed, throw error if not a Generative Language model and no service account JSON key is provided, throw error if it is a Generative m odel, but not google API key was provided * refactor(loadAsyncEndpoints/google): activate Google endpoint if either the service key JSON file is provided in /api/data, or a GOOGLE_KEY is defined. * docs: updated Google configuration * fix(ci): Mock import of Service Account Key JSON file (auth.json) * Update apis_and_tokens.md * feat: increase max output tokens slider for gemini pro * refactor(GoogleSettings): handle max and default maxOutputTokens on model change * chore: add sensitive redact regex * docs: add warning about data privacy * Update apis_and_tokens.md
61 lines
2.3 KiB
TypeScript
61 lines
2.3 KiB
TypeScript
import React from 'react';
|
|
import { object, string } from 'zod';
|
|
import { AuthKeys } from 'librechat-data-provider';
|
|
import type { TConfigProps } from '~/common';
|
|
import FileUpload from '~/components/Input/EndpointMenu/FileUpload';
|
|
import { useLocalize, useMultipleKeys } from '~/hooks';
|
|
import InputWithLabel from './InputWithLabel';
|
|
import { Label } from '~/components/ui';
|
|
|
|
const CredentialsSchema = object({
|
|
client_email: string().email().min(3),
|
|
project_id: string().min(3),
|
|
private_key: string().min(601),
|
|
});
|
|
|
|
const validateCredentials = (credentials: Record<string, unknown>) => {
|
|
const result = CredentialsSchema.safeParse(credentials);
|
|
return result.success;
|
|
};
|
|
|
|
const GoogleConfig = ({ userKey, setUserKey }: Pick<TConfigProps, 'userKey' | 'setUserKey'>) => {
|
|
const localize = useLocalize();
|
|
const { getMultiKey, setMultiKey } = useMultipleKeys(setUserKey);
|
|
|
|
return (
|
|
<>
|
|
<div className="flex flex-row">
|
|
<Label htmlFor={AuthKeys.GOOGLE_SERVICE_KEY} className="text-left text-sm font-medium">
|
|
{localize('com_endpoint_config_google_service_key')}
|
|
</Label>
|
|
<div className="mx-1 text-left text-sm text-gray-700 dark:text-gray-400">
|
|
{localize('com_endpoint_config_google_cloud_platform')}
|
|
</div>
|
|
<br />
|
|
</div>
|
|
<FileUpload
|
|
id={AuthKeys.GOOGLE_SERVICE_KEY}
|
|
className="w-full"
|
|
containerClassName="dark:bg-gray-700 h-10 max-h-10 w-full resize-none py-2 dark:ring-1 dark:ring-gray-400"
|
|
text={localize('com_endpoint_config_key_import_json_key')}
|
|
successText={localize('com_endpoint_config_key_import_json_key_success')}
|
|
invalidText={localize('com_endpoint_config_key_import_json_key_invalid')}
|
|
validator={validateCredentials}
|
|
onFileSelected={(data) => {
|
|
setMultiKey(AuthKeys.GOOGLE_SERVICE_KEY, JSON.stringify(data), userKey);
|
|
}}
|
|
/>
|
|
<InputWithLabel
|
|
id={AuthKeys.GOOGLE_API_KEY}
|
|
value={getMultiKey(AuthKeys.GOOGLE_API_KEY, userKey) ?? ''}
|
|
onChange={(e: { target: { value: string } }) =>
|
|
setMultiKey(AuthKeys.GOOGLE_API_KEY, e.target.value ?? '', userKey)
|
|
}
|
|
label={localize('com_endpoint_config_google_api_key')}
|
|
subLabel={localize('com_endpoint_config_google_gemini_api')}
|
|
/>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default GoogleConfig;
|