mirror of
https://github.com/danny-avila/LibreChat.git
synced 2025-12-17 08:50:15 +01:00
8e5f1ad575
* WIP: dynamic settings * WIP: update tests and validations * refactor(SidePanel): use hook for Links * WIP: dynamic settings, slider implemented * feat(useDebouncedInput): dynamic typing with generic * refactor(generate): add `custom` optionType to be non-conforming to conversation schema * feat: DynamicDropdown * refactor(DynamicSlider): custom optionType handling and useEffect for conversation updates elsewhere * refactor(Panel): add more test cases * chore(DynamicSlider): note * refactor(useDebouncedInput): import defaultDebouncedDelay from ~/common` * WIP: implement remaining ComponentTypes * chore: add com_sidepanel_parameters * refactor: add langCode handling for dynamic settings * chore(useOriginNavigate): change path to '/c/' * refactor: explicit textarea focus on new convo, share textarea idea via ~/common * refactor: useParameterEffects: reset if convo or preset Ids change, share and maintain statefulness in side panel * wip: combobox * chore: minor styling for Select components * wip: combobox select styling for side panel * feat: complete combobox * refactor: model select for side panel switcher * refactor(Combobox): add portal * chore: comment out dynamic parameters panel for future PR and delete prompt files * refactor(Combobox): add icon field for options, change hover bg-color, add displayValue * fix(useNewConvo): proper textarea focus with setTimeout * refactor(AssistantSwitcher): use Combobox * refactor(ModelSwitcher): add textarea focus on model switch
71 lines
1.8 KiB
TypeScript
71 lines
1.8 KiB
TypeScript
import { useMemo } from 'react';
|
|
import {
|
|
ArrowRightToLine,
|
|
// Settings2,
|
|
} from 'lucide-react';
|
|
import { EModelEndpoint } from 'librechat-data-provider';
|
|
import type { TConfig } from 'librechat-data-provider';
|
|
import type { NavLink } from '~/common';
|
|
import PanelSwitch from '~/components/SidePanel/Builder/PanelSwitch';
|
|
// import Parameters from '~/components/SidePanel/Parameters/Panel';
|
|
import FilesPanel from '~/components/SidePanel/Files/Panel';
|
|
import { Blocks, AttachmentIcon } from '~/components/svg';
|
|
|
|
export default function useSideNavLinks({
|
|
hidePanel,
|
|
assistants,
|
|
keyProvided,
|
|
endpoint,
|
|
}: {
|
|
hidePanel: () => void;
|
|
assistants?: TConfig | null;
|
|
keyProvided: boolean;
|
|
endpoint?: EModelEndpoint | null;
|
|
}) {
|
|
const Links = useMemo(() => {
|
|
const links: NavLink[] = [];
|
|
// if (endpoint !== EModelEndpoint.assistants) {
|
|
// links.push({
|
|
// title: 'com_sidepanel_parameters',
|
|
// label: '',
|
|
// icon: Settings2,
|
|
// id: 'parameters',
|
|
// Component: Parameters,
|
|
// });
|
|
// }
|
|
if (
|
|
endpoint === EModelEndpoint.assistants &&
|
|
assistants &&
|
|
assistants.disableBuilder !== true &&
|
|
keyProvided
|
|
) {
|
|
links.push({
|
|
title: 'com_sidepanel_assistant_builder',
|
|
label: '',
|
|
icon: Blocks,
|
|
id: 'assistants',
|
|
Component: PanelSwitch,
|
|
});
|
|
}
|
|
|
|
links.push({
|
|
title: 'com_sidepanel_attach_files',
|
|
label: '',
|
|
icon: AttachmentIcon,
|
|
id: 'files',
|
|
Component: FilesPanel,
|
|
});
|
|
|
|
links.push({
|
|
title: 'com_sidepanel_hide_panel',
|
|
label: '',
|
|
icon: ArrowRightToLine,
|
|
onClick: hidePanel,
|
|
id: 'hide-panel',
|
|
});
|
|
|
|
return links;
|
|
}, [assistants, keyProvided, hidePanel, endpoint]);
|
|
|
|
return Links;
|
|
}
|