add clear, tweaks to length, improve search

src/components/ChatV2.jsx

@@ -7,7 +7,7 @@ export default function Chat() {
     <div>
         <div className="flex justify-center m-3 gap-2">
           <div className="sm:w-[500px] w-full">
-            <ChatWindow />
+            <ChatWindow maxTokens={1000}/>
           </div>
         </div>
     </div>

src/components/ChatWindow.jsx

@@ -12,7 +12,7 @@ function ChatWindow({
   stopStrings,
   maxTokens,
 }) {
-  const { loadingStatus, send, isGenerating } = useLLM();
+  const { loadingStatus, send, isGenerating, deleteMessages } = useLLM();
   const [fileText, setFileText] = useState();
   const [userInput, setUserInput] = useState("");  
 
@@ -22,6 +22,10 @@ function ChatWindow({
 
   const isReady = loadingStatus.progress === 1;
 
+  const handleClear = () => {
+    deleteMessages();
+  }
+
   const handleSubmit = useCallback(async () => {
     if (isGenerating || !isReady) {
       return;
@@ -37,7 +41,7 @@ function ChatWindow({
           [...docs.map((v, k) => k)],
           new XenovaTransformersEmbeddings()
         )
-        const queryResult = await vectorStore.similaritySearch(userInput, 1);
+        const queryResult = await vectorStore.similaritySearch(userInput, 2);
         console.log("queryResult", queryResult);
         qaPrompt = 
       `You are an AI assistant providing helpful advice. You are given the following extracted parts of a long document and a question. Provide a conversational answer based on the context provided.
@@ -46,7 +50,7 @@ function ChatWindow({
         If the question is not related to the context, politely respond that you are tuned to only answer questions that are related to the context.
         Question: ${userInput}
         =========
-        ${queryResult[0].pageContent}
+        ${queryResult.map(result => result.pageContent).join('')}
         =========
         Answer:
         `
@@ -142,6 +146,7 @@ function ChatWindow({
                       height="40"
                     />
                   </button>
+                  <button onClick={handleClear}>Clear</button>
                   <FileLoader setFileText={setFileText} />
                   </div>