fix bug: file

ui/app/library/page.tsx

@@ -20,8 +20,8 @@ const Page = () => {
   useEffect(() => {
     const fetchChats = async () => {
       setLoading(true);
-
-      const res = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/chats`, {
+      let userId = localStorage.getItem("userId");
+      const res = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/chats?userId=` + userId, {
         method: 'GET',
         headers: {
           'Content-Type': 'application/json',
@@ -65,14 +65,14 @@ const Page = () => {
         </div>
         <hr className="border-t border-[#2B2C2C] my-4 w-full"/>
       </div>
-      {chats.length === 0 && (
+      {chats && chats.length === 0 && (
         <div className="flex flex-row items-center justify-center min-h-screen">
           <p className="text-black/70 dark:text-white/70 text-sm">
             No chats found.
           </p>
         </div>
       )}
-      {chats.length > 0 && (
+      {chats && chats.length > 0 && (
         <div className="flex flex-col pb-20 lg:pb-2">
           {chats.map((chat, i) => (
             <div

ui/components/ChatWindow.tsx

@@ -367,7 +367,7 @@ const loadMessages = async (
 
   document.title = messages[0].content;
 
-  const files = data.chat.files.map((file: any) => {
+  const files = data.chat.files && data.chat.files.map((file: any) => {
     return {
       fileName: file.name,
       fileExtension: file.name.split('.').pop(),
@@ -376,7 +376,7 @@ const loadMessages = async (
   });
 
   setFiles(files);
-  setFileIds(files.map((file: File) => file.fileId));
+  setFileIds(files && files.map((file: File) => file.fileId));
 
   setChatHistory(history);
   setFocusMode(data.chat.focusMode);
@@ -525,7 +525,7 @@ const ChatWindow = ({id}: { id?: string }) => {
         focusMode: focusMode,
         copilotEnabled: copilotEnabled,
         optimizationMode: optimizationMode,
-        history: [...chatHistory, ['human', message]],
+        history: [],
       }),
     );
 

ui/components/MessageInputActions/AttachSmall.tsx

@@ -55,7 +55,7 @@ const AttachSmall = ({
     <div className="flex flex-row items-center justify-between space-x-1 p-1">
       <LoaderCircle size={20} className="text-sky-400 animate-spin" />
     </div>
-  ) : files.length > 0 ? (
+  ) : files && files.length > 0 ? (
     <Popover className="max-w-[15rem] md:max-w-md lg:max-w-lg">
       <PopoverButton
         type="button"

ui/components/MessageInputActions/Focus.tsx

@@ -50,7 +50,7 @@ const focusModes = [
   },
   {
     key: 'translator',
-    title: 'Trasnlator',
+    title: 'Translator',
     description: 'Chat without searching the web',
     icon: (
       <SiGoogletranslate