mirror of
https://github.com/danny-avila/LibreChat.git
synced 2025-12-18 01:10:14 +01:00
738d04fac4
* ✨ feat: Add Google Search Grounding Feature and Update Agent Tool Initialization - Introduced a new grounding option in the Google configuration to enable real-time web search results. - Updated the agent initialization to concatenate additional tools from options. - Enhanced translation files to include descriptions for the new grounding feature. - Modified relevant schemas and parameter settings to support the grounding functionality. * 🔑 chore: Update @librechat/agents dependency to version 2.4.50 * ✅ fix: Ensure tools array is initialized before concatenation in initializeAgent function * chore: Update version of librechat-data-provider to 0.7.899 and add GOOGLE_TOOL_CONFLICT error type * fix: Adjust label class for better text wrapping in DynamicSwitch component * fix: Handle Google tool conflict error and update error messages in translation * fix: Restore grounding setting in googleCol2 configuration --------- Co-authored-by: Danny Avila <danny@librechat.ai>
87 lines
2.6 KiB
TypeScript
87 lines
2.6 KiB
TypeScript
import { useState } from 'react';
|
|
import type { DynamicSettingProps } from 'librechat-data-provider';
|
|
import { Label, Switch, HoverCard, HoverCardTrigger } from '~/components/ui';
|
|
import { TranslationKeys, useLocalize, useParameterEffects } from '~/hooks';
|
|
import { useChatContext } from '~/Providers';
|
|
import OptionHover from './OptionHover';
|
|
import { ESide } from '~/common';
|
|
|
|
function DynamicSwitch({
|
|
label = '',
|
|
settingKey,
|
|
defaultValue,
|
|
description = '',
|
|
columnSpan,
|
|
setOption,
|
|
readonly = false,
|
|
showDefault = false,
|
|
labelCode = false,
|
|
descriptionCode = false,
|
|
conversation,
|
|
}: DynamicSettingProps) {
|
|
const localize = useLocalize();
|
|
const { preset } = useChatContext();
|
|
const [inputValue, setInputValue] = useState<boolean>(!!(defaultValue as boolean | undefined));
|
|
useParameterEffects({
|
|
preset,
|
|
settingKey,
|
|
defaultValue,
|
|
conversation,
|
|
inputValue,
|
|
setInputValue,
|
|
preventDelayedUpdate: true,
|
|
});
|
|
|
|
const selectedValue = conversation?.[settingKey] ?? defaultValue;
|
|
|
|
const handleCheckedChange = (checked: boolean) => {
|
|
setInputValue(checked);
|
|
setOption(settingKey)(checked);
|
|
};
|
|
|
|
return (
|
|
<div
|
|
className={`flex flex-col items-center justify-start gap-6 ${
|
|
columnSpan != null ? `col-span-${columnSpan}` : 'col-span-full'
|
|
}`}
|
|
>
|
|
<HoverCard openDelay={300}>
|
|
<HoverCardTrigger className="grid w-full items-center gap-2">
|
|
<div className="flex justify-between">
|
|
<Label
|
|
htmlFor={`${settingKey}-dynamic-switch`}
|
|
className="break-words text-left text-sm font-medium"
|
|
>
|
|
{labelCode ? (localize(label as TranslationKeys) ?? label) : label || settingKey}{' '}
|
|
{showDefault && (
|
|
<small className="opacity-40">
|
|
({localize('com_endpoint_default')}:{' '}
|
|
{defaultValue != null ? 'com_ui_on' : 'com_ui_off'})
|
|
</small>
|
|
)}
|
|
</Label>
|
|
</div>
|
|
<Switch
|
|
id={`${settingKey}-dynamic-switch`}
|
|
checked={selectedValue}
|
|
onCheckedChange={handleCheckedChange}
|
|
disabled={readonly}
|
|
className="flex"
|
|
/>
|
|
</HoverCardTrigger>
|
|
{description && (
|
|
<OptionHover
|
|
description={
|
|
descriptionCode
|
|
? (localize(description as TranslationKeys) ?? description)
|
|
: description
|
|
}
|
|
side={ESide.Left}
|
|
/>
|
|
)}
|
|
</HoverCard>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default DynamicSwitch;
|