Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2026-01-06 10:38:50 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

WIP: artifacts first pass

Browse source
This commit is contained in:
Danny Avila 2024-08-19 20:55:16 -04:00
parent 0340b4acb9
commit 24d74044e4
16 changed files with 765 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

14
client/src/components/SidePanel/SidePanel.tsx
View file

@ -23,6 +23,7 @@ interface SidePanelProps {
defaultCollapsed?: boolean;
navCollapsedSize?: number;
fullPanelCollapse?: boolean;
artifacts?: React.ReactNode;
children: React.ReactNode;
}
@ -34,6 +35,7 @@ const SidePanel = ({
defaultCollapsed = false,
fullPanelCollapse = false,
navCollapsedSize = 3,
artifacts,
children,
}: SidePanelProps) => {
const localize = useLocalize();
@ -133,6 +135,8 @@ const SidePanel = ({
}
}, [isCollapsed, newUser, setNewUser, navCollapsedSize]);
const minSizeMain = useMemo(() => (artifacts != null ? 15 : 30), [artifacts]);
return (
<>
<TooltipProvider delayDuration={0}>
@ -141,9 +145,17 @@ const SidePanel = ({
onLayout={(sizes: number[]) => throttledSaveLayout(sizes)}
className="transition-width relative h-full w-full flex-1 overflow-auto bg-white dark:bg-gray-800"
>
<ResizablePanel defaultSize={defaultLayout[0]} minSize={30}>
<ResizablePanel defaultSize={defaultLayout[0]} minSize={minSizeMain}>
{children}
</ResizablePanel>
{artifacts != null && (
<>
<ResizableHandleAlt withHandle className="bg-border-light dark:text-white mx-4" />
<ResizablePanel defaultSize={defaultLayout[0]} minSize={minSizeMain}>
{artifacts}
</ResizablePanel>
</>
)}
<TooltipProvider delayDuration={400}>
<Tooltip>
<div