added the suggested class and css changes

Author: kartikpersistent

frontend/src/App.css

@@ -85,7 +85,7 @@
   padding-block: 5px !important;
 }
 .ndl-drawer .ndl-drawer-close-button {
-  background-color: rgb(245 246 246 / 1);
+  background-color: rgb(var(--theme-palette-neutral-bg-strong)); 
   width: 40px !important;
   height: 40px !important;
   right: 10px !important;

frontend/src/components/Chatbot.tsx

@@ -65,9 +65,9 @@ export default function Chatbot(props: ChatbotProps) {
 
     return (
         <div className='n-bg-palette-neutral-bg-weak flex flex-col justify-between min-h-full max-h-full overflow-hidden w-[312px]'>
-            <div className='flex overflow-y-auto pb-12 min-w-full' style={{scrollbarWidth:"thin"}}>
+            <div className='flex overflow-y-auto pb-12 min-w-full' style={{scrollbarWidth:"thin",overflowX:"hidden"}}>
                 <Widget className='n-bg-palette-neutral-bg-weak' header='' isElevated={false}>
-                    <div className='flex flex-col gap-4 p-3'>
+                    <div className='flex flex-col gap-4 gap-y-4'>
                         {listMessages.map((chat) => (
                             <div
                                 ref={messagesEndRef}
@@ -125,7 +125,7 @@ export default function Chatbot(props: ChatbotProps) {
                     </div>
                 </Widget>
             </div>
-            <div className='n-bg-palette-neutral-bg-default flex gap-2.5 bottom-0 p-2.5 w-full'>
+            <div className='n-bg-palette-neutral-bg-weak flex gap-2.5 bottom-0 p-2.5 w-full'>
                 <form onSubmit={handleSubmit} className='flex gap-2.5 w-full'>
                     <TextInput
                         className='n-bg-palette-neutral-bg-default flex-grow-7 w-full'

frontend/src/components/Content.tsx

@@ -58,7 +58,6 @@ const Content: React.FC<ContentProps> = ({ isExpanded, showChatBot, openChatBot
 
   const extractData = async (file: File, uid: number) => {
     if (filesData[uid]?.status == 'New') {
-      const apirequests = [];
       try {
         setFilesData((prevfiles) =>
           prevfiles.map((curfile, idx) => {
@@ -81,47 +80,40 @@ const Content: React.FC<ContentProps> = ({ isExpanded, showChatBot, openChatBot
           filesData[uid].max_sources,
           filesData[uid].wiki_query ?? ''
         );
-        apirequests.push(apiResponse);
-        const results = await Promise.allSettled(apirequests);
-        results.forEach(async (apiRes) => {
-          if (apiRes.status === 'fulfilled' && apiRes.value) {
-            if (apiRes?.value?.status === 'Failed') {
-              console.log('Error', apiRes?.value);
-              setShowAlert(true);
-              setErrorMessage(apiRes?.value?.message);
-              setFilesData((prevfiles) =>
-                prevfiles.map((curfile, idx) => {
-                  if (idx == uid) {
-                    return {
-                      ...curfile,
-                      status: 'Failed',
-                    };
-                  }
-                  return curfile;
-                })
-              );
-              throw new Error(apiRes?.value?.message);
-            } else {
-              setFilesData((prevfiles) => {
-                return prevfiles.map((curfile, idx) => {
-                  if (idx == uid) {
-                    const apiResponse = apiRes?.value?.data;
-                    return {
-                      ...curfile,
-                      processing: apiResponse?.processingTime?.toFixed(2),
-                      status: apiResponse?.status,
-                      NodesCount: apiResponse?.nodeCount,
-                      relationshipCount: apiResponse?.relationshipCount,
-                      model: apiResponse?.model,
-                    };
-                  }
-                  return curfile;
-                });
-              });
-            }
-          }
-        });
-        
+
+        if (apiResponse.data?.status === 'Failed') {
+          setShowAlert(true);
+          setErrorMessage(apiResponse?.data?.message);
+          setFilesData((prevfiles) =>
+            prevfiles.map((curfile, idx) => {
+              if (idx == uid) {
+                return {
+                  ...curfile,
+                  status: 'Failed',
+                };
+              }
+              return curfile;
+            })
+          );
+          throw new Error(apiResponse?.data?.message);
+        } else {
+          setFilesData((prevfiles) => {
+            return prevfiles.map((curfile, idx) => {
+              if (idx == uid) {
+                const apiRes = apiResponse?.data;
+                return {
+                  ...curfile,
+                  processing: apiRes?.processingTime?.toFixed(2),
+                  status: apiRes?.status,
+                  NodesCount: apiRes?.nodeCount,
+                  relationshipCount: apiRes?.relationshipCount,
+                  model: apiRes?.model,
+                };
+              }
+              return curfile;
+            });
+          });
+        }
       } catch (err: any) {
         console.log(err);
         setShowAlert(true);
@@ -144,7 +136,7 @@ const Content: React.FC<ContentProps> = ({ isExpanded, showChatBot, openChatBot
   const handleGenerateGraph = () => {
     if (files.length > 0) {
       for (let i = 0; i < files.length; i++) {
-        if (filesData[i].status === 'New') {
+        if (filesData[i]?.status === 'New') {
           extractData(files[i], i);
         }
       }