🎨 feat: Create Avatars of Initials Locally (#1869)

client/package.json

@@ -27,6 +27,8 @@
   },
   "homepage": "https://librechat.ai",
   "dependencies": {
+    "@dicebear/collection": "^7.0.4",
+    "@dicebear/core": "^7.0.4",
     "@headlessui/react": "^1.7.13",
     "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-alert-dialog": "^1.0.2",

client/src/components/Endpoints/Icon.tsx

@@ -12,6 +12,7 @@ import {
   CustomMinimalIcon,
 } from '~/components/svg';
 import { useAuthContext } from '~/hooks/AuthContext';
+import useAvatar from '~/hooks/Messages/useAvatar';
 import { IconProps } from '~/common';
 import { cn } from '~/utils';
 
@@ -27,6 +28,8 @@ const Icon: React.FC<IconProps> = (props) => {
     assistantName,
   } = props;
 
+  const avatarSrc = useAvatar(user);
+
   if (isCreatedByUser) {
     const username = user?.name || 'User';
 
@@ -39,14 +42,7 @@ const Icon: React.FC<IconProps> = (props) => {
         }}
         className={cn('relative flex items-center justify-center', props.className ?? '')}
       >
-        <img
+        <img className="rounded-sm" src={user?.avatar || avatarSrc} alt="avatar" />
-          className="rounded-sm"
-          src={
-            user?.avatar ||
-            `https://api.dicebear.com/6.x/initials/svg?seed=${username}&fontFamily=Verdana&fontSize=36`
-          }
-          alt="avatar"
-        />
       </div>
     );
   } else {

client/src/components/Nav/NavLinks.tsx

@@ -7,6 +7,7 @@ import { useGetUserBalance, useGetStartupConfig } from 'librechat-data-provider/
 import type { TConversation } from 'librechat-data-provider';
 import FilesView from '~/components/Chat/Input/Files/FilesView';
 import { useAuthContext } from '~/hooks/AuthContext';
+import useAvatar from '~/hooks/Messages/useAvatar';
 import { ExportModal } from './ExportConversation';
 import { LinkIcon, GearIcon } from '~/components';
 import { useLocalize } from '~/hooks';
@@ -28,9 +29,12 @@ function NavLinks() {
   const [showSettings, setShowSettings] = useState(false);
   const [showFiles, setShowFiles] = useRecoilState(store.showFiles);
 
-  let conversation;
   const activeConvo = useRecoilValue(store.conversationByIndex(0));
   const globalConvo = useRecoilValue(store.conversation) ?? ({} as TConversation);
+
+  const avatarSrc = useAvatar(user);
+
+  let conversation: TConversation | null | undefined;
   if (location.state?.from?.pathname.includes('/chat')) {
     conversation = globalConvo;
   } else {
@@ -68,16 +72,7 @@ function NavLinks() {
             >
               <div className="-ml-0.9 -mt-0.8 h-8 w-7 flex-shrink-0">
                 <div className="relative flex">
-                  <img
+                  <img className="rounded-full" src={user?.avatar || avatarSrc} alt="" />
-                    className="rounded-full"
-                    src={
-                      user?.avatar ||
-                      `https://api.dicebear.com/6.x/initials/svg?seed=${
-                        user?.name || 'User'
-                      }&fontFamily=Verdana&fontSize=36`
-                    }
-                    alt=""
-                  />
                 </div>
               </div>
               <div

client/src/hooks/Messages/index.ts

@@ -1,3 +1,4 @@
+export { default as useAvatar } from './useAvatar';
 export { default as useProgress } from './useProgress';
 export { default as useMessageHelpers } from './useMessageHelpers';
 export { default as useMessageScrolling } from './useMessageScrolling';

client/src/hooks/Messages/useAvatar.ts

@@ -0,0 +1,50 @@
+import { useState, useEffect } from 'react';
+import { createAvatar } from '@dicebear/core';
+import { initials } from '@dicebear/collection';
+import type { TUser } from 'librechat-data-provider';
+
+const useAvatar = (user: TUser | undefined) => {
+  const [avatarSrc, setAvatarSrc] = useState('');
+
+  useEffect(() => {
+    if (avatarSrc.length) {
+      return;
+    }
+
+    if (user?.avatar) {
+      return;
+    }
+
+    if (!user?.username) {
+      return;
+    }
+
+    const generateAvatar = async () => {
+      if (!user) {
+        return;
+      }
+
+      const { username } = user;
+
+      const avatar = createAvatar(initials, {
+        seed: username,
+        fontFamily: ['Verdana'],
+        fontSize: 36,
+      });
+
+      try {
+        const avatarDataUri = await avatar.toDataUri();
+        setAvatarSrc(avatarDataUri);
+      } catch (error) {
+        console.error('Failed to generate avatar:', error);
+        setAvatarSrc('');
+      }
+    };
+
+    generateAvatar();
+  }, [user, avatarSrc.length]);
+
+  return avatarSrc;
+};
+
+export default useAvatar;

package-lock.json

@@ -138,6 +138,8 @@
       "version": "0.6.10",
       "license": "ISC",
       "dependencies": {
+        "@dicebear/collection": "^7.0.4",
+        "@dicebear/core": "^7.0.4",
         "@headlessui/react": "^1.7.13",
         "@radix-ui/react-accordion": "^1.1.2",
         "@radix-ui/react-alert-dialog": "^1.0.2",
@@ -3970,6 +3972,395 @@
         "kuler": "^2.0.0"
       }
     },
+    "node_modules/@dicebear/adventurer": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/adventurer/-/adventurer-7.0.4.tgz",
+      "integrity": "sha512-1ya9lD0S8YHaW+1+bky9HCnLWve/gjiFtZ1wjEM26nBxrFBCmvgiqPn/+L/Uf0ercHIyXMRElHylWmLxtWztfQ==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/adventurer-neutral": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/adventurer-neutral/-/adventurer-neutral-7.0.4.tgz",
+      "integrity": "sha512-meAMZFLzvqf58p8Qno4vKRmwss2XdKn5osG5/xPkiXVUVhtNEtVoKSIG0KK9ukjC18UOHo6mjZab7xUclz6o4Q==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/avataaars": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/avataaars/-/avataaars-7.0.4.tgz",
+      "integrity": "sha512-mkQDtGYfj4rVguuPednpKj2RQWyV1pew3GqcKfjz77HBfhHeXDDwlMqWPQkaKyYkI0V9q3LtApGECyxYiisDvA==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/avataaars-neutral": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/avataaars-neutral/-/avataaars-neutral-7.0.4.tgz",
+      "integrity": "sha512-EpbeiY23G4fuL2DnZ7fjnSn8WZvdALgg/N3pQpn8yPDdulgaV4vRDOit94pvp/DjW0Zz7mPPkSEN//0zijcXvA==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/big-ears": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/big-ears/-/big-ears-7.0.4.tgz",
+      "integrity": "sha512-yOvIVFOB8Wv9ulSp6vIyEHiIHkishnLEuKIPAcgGScxjlbtcAo9OmeUsgSmM03wYsV62jInaiA4hAHRPfLYzfQ==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/big-ears-neutral": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/big-ears-neutral/-/big-ears-neutral-7.0.4.tgz",
+      "integrity": "sha512-kxydevCihleTG5TnIh604i/zi+1MMvPuFuecattcUoa3NIPx4zi08j2zb7gwTUX54l49ENG1ZSO058S9c03yrA==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/big-smile": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/big-smile/-/big-smile-7.0.4.tgz",
+      "integrity": "sha512-vHuedMXdK5RGhXDSCY+U9vDyfby20m3eteYSgEwLKmi3ZJBLXw2xAuAb8cGMPmK7zsyj4eH50r93hKcaTaOTag==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/bottts": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/bottts/-/bottts-7.0.4.tgz",
+      "integrity": "sha512-Nni2Y5rL6+CJ8/Cij1lCvV/YhI+i3cy//nWQQGqmGTqlCGZdOziDGCWuf7Ufmv8081sbKWj++QOP+ueAX8E7ZA==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/bottts-neutral": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/bottts-neutral/-/bottts-neutral-7.0.4.tgz",
+      "integrity": "sha512-C9McuZSdrMypTAOSsNJMgsbb2wylHbrvkPyksyouSgeIRrr3vdJFAsa+N1UfApNj4YdsznmoBIMl2XAGktTBAg==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/collection": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/collection/-/collection-7.0.4.tgz",
+      "integrity": "sha512-5jXmitM/DGwmorp9hGh5coEhrMLsygEYNJiOf6eH0loVeXjI0/X3TEmQabtXzwp/nVhBGYyvuBmPIg50fnUhxQ==",
+      "dependencies": {
+        "@dicebear/adventurer": "7.0.4",
+        "@dicebear/adventurer-neutral": "7.0.4",
+        "@dicebear/avataaars": "7.0.4",
+        "@dicebear/avataaars-neutral": "7.0.4",
+        "@dicebear/big-ears": "7.0.4",
+        "@dicebear/big-ears-neutral": "7.0.4",
+        "@dicebear/big-smile": "7.0.4",
+        "@dicebear/bottts": "7.0.4",
+        "@dicebear/bottts-neutral": "7.0.4",
+        "@dicebear/croodles": "7.0.4",
+        "@dicebear/croodles-neutral": "7.0.4",
+        "@dicebear/fun-emoji": "7.0.4",
+        "@dicebear/icons": "7.0.4",
+        "@dicebear/identicon": "7.0.4",
+        "@dicebear/initials": "7.0.4",
+        "@dicebear/lorelei": "7.0.4",
+        "@dicebear/lorelei-neutral": "7.0.4",
+        "@dicebear/micah": "7.0.4",
+        "@dicebear/miniavs": "7.0.4",
+        "@dicebear/notionists": "7.0.4",
+        "@dicebear/notionists-neutral": "7.0.4",
+        "@dicebear/open-peeps": "7.0.4",
+        "@dicebear/personas": "7.0.4",
+        "@dicebear/pixel-art": "7.0.4",
+        "@dicebear/pixel-art-neutral": "7.0.4",
+        "@dicebear/rings": "7.0.4",
+        "@dicebear/shapes": "7.0.4",
+        "@dicebear/thumbs": "7.0.4"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/converter": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/converter/-/converter-7.0.4.tgz",
+      "integrity": "sha512-oiA2Oc5izWf6ipPtHYCi2c9W565VzyryObtSL6xB36V9MHRD8wvH5mYr9AvbViDGEOOeNE3EtIELQIMdNtB7Rg==",
+      "dependencies": {
+        "@types/json-schema": "^7.0.11",
+        "tmp-promise": "^3.0.3"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@resvg/resvg-js": "^2.4.1",
+        "exiftool-vendored": "^23.0.0",
+        "sharp": "^0.32.6"
+      },
+      "peerDependenciesMeta": {
+        "@resvg/resvg-js": {
+          "optional": true
+        },
+        "exiftool-vendored": {
+          "optional": true
+        },
+        "sharp": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@dicebear/core": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/core/-/core-7.0.4.tgz",
+      "integrity": "sha512-Xi8Au8K4pWj61jKMKqlhqmg83DvMAG6PfDuDbp7F75ZNvrGGh0BkJt9keSHe4WpHs+BbXDXSMOivSS10QB20fA==",
+      "dependencies": {
+        "@dicebear/converter": "7.0.4",
+        "@types/json-schema": "^7.0.11"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/@dicebear/croodles": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/croodles/-/croodles-7.0.4.tgz",
+      "integrity": "sha512-PMe7W2IE8R9yqEXuccfEaTF0D+1VXrCXnShw52D5C23qPDTxL1XxZKXcOoeXYi5o1jeIVagZjHiX8XaQK18ftQ==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/croodles-neutral": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/croodles-neutral/-/croodles-neutral-7.0.4.tgz",
+      "integrity": "sha512-b7v1WPEDKWzJAcCMo8OQMMgRTI0c2Ae3dCLBbFXtkhJ6oqzuFUbWwcrUWsp0segBXlPAM3lZrH1gy1GJBHrSuQ==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/fun-emoji": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/fun-emoji/-/fun-emoji-7.0.4.tgz",
+      "integrity": "sha512-rlaID1EQW8pj/TmM805+dA6XVLge2hkiVaQkoM+4Df/RGj/GPbDeBgu8dRKLwORPNY5ug3zfFgERStZcSyYmqQ==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/icons": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/icons/-/icons-7.0.4.tgz",
+      "integrity": "sha512-wkWjjkDD43lmYKgCBDdUc54y6llCsCOSPND2RnKi6noOGpThsN6aTE6nN2Hwf0ORxWPEzBFRmgoat+frWd9a4A==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/identicon": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/identicon/-/identicon-7.0.4.tgz",
+      "integrity": "sha512-Q68lP7dqqt0fMx9SONPJSi94aieNveTyrCgv/kuU3F9upeQyesmdAeQ+e2QOojOOMrEuM+ujFuPInvwwkaZF7w==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/initials": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/initials/-/initials-7.0.4.tgz",
+      "integrity": "sha512-cNkuG/3cPbF4UScmLk+2nYF2LaB9N1k3Pw1gmd3PST+oUsdlkNIM6e4Wym/0fgDLGPWyxbiGsbhe371ACWJVNQ==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/lorelei": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/lorelei/-/lorelei-7.0.4.tgz",
+      "integrity": "sha512-pFDNHns7lke3M+TGPHFizjsjBMM/70okdH4Y+WKg9WHe+Y0dV54OgXf9/I6A10ipdVTCtM4i2xfNkSW+QP/spQ==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/lorelei-neutral": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/lorelei-neutral/-/lorelei-neutral-7.0.4.tgz",
+      "integrity": "sha512-QtyKGJhExocZse662b1W5LGh0ykFh4AFf827f5FkXiOGmAgghsm1m/0bFuF9giwqFJ7W3eZu5oTSn97+s3z17A==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/micah": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/micah/-/micah-7.0.4.tgz",
+      "integrity": "sha512-c6U9iqsEsuPqHxiZuM5O7xqJIv98rIMergdi6O8jlINXacNLzF9DUHLAkxMiFeiqDDqQ34wUQq+M6qt9xBq0eQ==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/miniavs": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/miniavs/-/miniavs-7.0.4.tgz",
+      "integrity": "sha512-p1sWveGT3gvtnwplhDakB6wEu5jT/EHbRzsTMOT3Lz9nqkF08sJCe7KCRsji1EVGyX4nOjA+dQcHK9yUAdqQAg==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/notionists": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/notionists/-/notionists-7.0.4.tgz",
+      "integrity": "sha512-twmpHy2S6FkTiPzNd0wXuWhBv0XgkCPIuzJiUeyTadVEjlijOvPeAr9kuGuhDMO7MTHnuQoFRw1sctQmj+xbXA==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/notionists-neutral": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/notionists-neutral/-/notionists-neutral-7.0.4.tgz",
+      "integrity": "sha512-tk06h7uj1IR42g/RhhLVv1rbxy+rNROhXSto5ADX0/Ovk+HaR8yQGQyO3Tt/rXpGuf5+5JK0sVAiRgGaMFSxig==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/open-peeps": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/open-peeps/-/open-peeps-7.0.4.tgz",
+      "integrity": "sha512-c4oMnOvzLiMXoj+oBKILzF0DRWRd3I/ykBC7zhr3904R/dp6PXQnMDiMFIjCYeifCl8W30ggTzvNEX7nwbxJaQ==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/personas": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/personas/-/personas-7.0.4.tgz",
+      "integrity": "sha512-gbWqNakXeWSKjW4s4zw4dSmuHOGF9+tgwzjwilrQvZMODOESYUCKPql/3KFJLVG9Rr00BH83QGZEn6vYiBLbVg==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/pixel-art": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/pixel-art/-/pixel-art-7.0.4.tgz",
+      "integrity": "sha512-H0OZ7JyLyiBYOa9NJI6yr1x/XjXl4P17U8lvRuQhCYHntdgDvuIwv1/kulq4vLBGRK1afXBTm/NPWi0Optyg/Q==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/pixel-art-neutral": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/pixel-art-neutral/-/pixel-art-neutral-7.0.4.tgz",
+      "integrity": "sha512-4hzHw7I4f4bj4C7L2xQ28oA7XS1uonwGE7jTCqjRzg3YkzjTthxf7kEE/WWiP0Lk1onPhSdB8kqDejPGvNUXLQ==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/rings": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/rings/-/rings-7.0.4.tgz",
+      "integrity": "sha512-LJzSWronkeWefFLwaOWg3tr0jSOuW2hien4Uv+nG2alYSkJ6hGH4zLtGo/SRQdNWQg4j/6838fWJDdoryWQM2w==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/shapes": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/shapes/-/shapes-7.0.4.tgz",
+      "integrity": "sha512-C1OhdAGwCmEK9JDjK9wERBxaZIOp2x4yWVsra/VCfba+fJSKmmorhbYIw33vE5ZV3/PseztnDB3sWOMMl/jCdw==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
+    "node_modules/@dicebear/thumbs": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@dicebear/thumbs/-/thumbs-7.0.4.tgz",
+      "integrity": "sha512-mAOWbaNtWKLIHGtTZxHVei1UFWz/l0h4aP8h97UE71av2QTM7CEw2RpF8Q19MxxoDlHi+oZ7Jvjblzi5k96LtA==",
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@dicebear/core": "^7.0.0"
+      }
+    },
     "node_modules/@dqbd/tiktoken": {
       "version": "1.0.13",
       "resolved": "https://registry.npmjs.org/@dqbd/tiktoken/-/tiktoken-1.0.13.tgz",
@@ -8874,8 +9265,7 @@
     "node_modules/@types/json-schema": {
       "version": "7.0.15",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
-      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA=="
-      "dev": true
     },
     "node_modules/@types/json5": {
       "version": "0.0.29",
@@ -10533,7 +10923,6 @@
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -11431,8 +11820,7 @@
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
-      "dev": true
     },
     "node_modules/concat-stream": {
       "version": "1.6.2",
@@ -14228,8 +14616,7 @@
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
-      "dev": true
     },
     "node_modules/fsevents": {
       "version": "2.3.3",
@@ -15508,7 +15895,6 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-      "dev": true,
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -19529,7 +19915,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -21111,7 +21496,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -23936,7 +24320,6 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
       "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-      "dev": true,
       "dependencies": {
         "glob": "^7.1.3"
       },
@@ -23951,7 +24334,6 @@
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
       "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "dev": true,
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -25603,6 +25985,25 @@
         "node": ">=0.6.0"
       }
     },
+    "node_modules/tmp-promise": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/tmp-promise/-/tmp-promise-3.0.3.tgz",
+      "integrity": "sha512-RwM7MoPojPxsOBYnyd2hy0bxtIlVrihNs9pj5SUvY8Zz1sQcQG2tG1hSr8PDxfgEB8RNKDhqbIlroIarSNDNsQ==",
+      "dependencies": {
+        "tmp": "^0.2.0"
+      }
+    },
+    "node_modules/tmp-promise/node_modules/tmp": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.1.tgz",
+      "integrity": "sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==",
+      "dependencies": {
+        "rimraf": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8.17.0"
+      }
+    },
     "node_modules/tmpl": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
@@ -27592,7 +27993,7 @@
     },
     "packages/data-provider": {
       "name": "librechat-data-provider",
-      "version": "0.4.0",
+      "version": "0.4.3",
       "license": "ISC",
       "dependencies": {
         "@types/js-yaml": "^4.0.9",