feat: Implement core frontend UI with document ingestion and chat fun…

frontend/src/App.tsx

@@ -3,6 +3,7 @@ import './App.css';
 import { Ingester } from './components/Ingester';
 import { Chat } from './components/Chat';
 import { clearSession } from './api';
+import { Toaster, toast } from 'react-hot-toast';
 
 function App() {
 
@@ -11,12 +12,19 @@ function App() {
   }, []);
 
   const handleManualClear = async () => {
-    await clearSession();
-    window.location.reload();
+    try {
+      await clearSession();
+      toast.success('Session cleared successfully');
+      setTimeout(() => window.location.reload(), 1000);
+    } catch (error) {
+      console.error(error);
+      toast.error('Failed to clear session');
+    }
   }
 
   return (
     <div className="app-container">
+      <Toaster position="top-right" />
       <header className="header glass">
         <div className="brand">
           🔍 SearchlyAI

frontend/src/components/Chat.tsx

@@ -1,4 +1,5 @@
 import { useState, useRef, useEffect } from 'react';
+import { toast } from 'react-hot-toast';
 import { querySearch } from '../api';
 
 interface Message {
@@ -36,6 +37,7 @@ export const Chat = () => {
             setHistory((prev) => [...prev, aiMsg]);
         } catch (err) {
             console.error(err);
+            toast.error('Failed to get answer');
             setHistory((prev) => [...prev, { role: 'ai', content: 'Sorry, something went wrong.' }]);
         } finally {
             setLoading(false);

frontend/src/components/Ingester.tsx

@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import { toast } from 'react-hot-toast';
 import { ingestDocument, ingestWeb } from '../api';
 
 interface IngesterProps {
@@ -14,12 +15,15 @@ export const Ingester = ({ onIngestComplete }: IngesterProps) => {
         if (!e.target.files?.[0]) return;
         setLoading(true);
         setError('');
+        const toastId = toast.loading('Uploading document...');
         try {
             const res = await ingestDocument(e.target.files[0]);
             onIngestComplete(res.data.chunks_added);
+            toast.success('Document uploaded successfully!', { id: toastId });
         } catch (err) {
             console.error(err);
             setError('Failed to upload file.');
+            toast.error('Failed to upload file.', { id: toastId });
         } finally {
             setLoading(false);
         }
@@ -29,13 +33,16 @@ export const Ingester = ({ onIngestComplete }: IngesterProps) => {
         if (!url) return;
         setLoading(true);
         setError('');
+        const toastId = toast.loading('Ingesting URL...');
         try {
             const res = await ingestWeb(url);
             onIngestComplete(res.data.chunks_added);
             setUrl('');
+            toast.success('URL ingested successfully!', { id: toastId });
         } catch (err) {
             console.error(err);
             setError('Failed to ingest URL.');
+            toast.error('Failed to ingest URL.', { id: toastId });
         } finally {
             setLoading(false);
         }