Merge pull request #405 from krishsharma-code/feat/toast-notifications-25

Feat/toast notifications 25

Author: param20h

frontend/src/app/globals.css

@@ -1,7 +1,7 @@
 @import "tailwindcss";
 @import "tw-animate-css";
 @import "shadcn/tailwind.css";
-@plugin "@tailwindcss/typography";
+
 
 @custom-variant dark (&:is(.dark *));
 

frontend/src/app/layout.tsx

@@ -39,7 +39,6 @@ export default function RootLayout({
             <I18nProvider>
               <TooltipProvider>
                 {children}
-                <Toaster richColors position="top-right" closeButton />
               </TooltipProvider>
             </I18nProvider>
           </AuthProvider>

frontend/src/components/chat/ChatPanel.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { toast } from "sonner";
 import { useState, useRef, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import type { DocInfo } from "@/app/dashboard/page";
@@ -242,21 +243,29 @@ export default function ChatPanel({ activeDoc, onCitationClick }: Props) {
         }
       }
     } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error";
       setIsTyping(false);
       setMessages((prev) =>
         prev.map((m) =>
           m.id === assistantId
             ? {
                 ...m,
                 content: t("chat.fallbackError", {
-                  message: err instanceof Error ? err.message : "Unknown error",
+                  message,
                 }),
                 isStreaming: false,
               }
             : m
         )
       );
+
+      if (message.toLowerCase().includes("connect") || message.toLowerCase().includes("network")) {
+        toast.error("Network error. Please check your connection.");
+      } else {
+          toast.error(`Upload failed: ${message}`);
+      }
     } finally {
+
       setStreaming(false);
       setIsTyping(false);
     }
@@ -267,8 +276,9 @@ export default function ChatPanel({ activeDoc, onCitationClick }: Props) {
     try {
       await api.delete(`/api/v1/chat/history/${activeDoc.id}`);
       setMessages([]);
+      toast.info("Chat history cleared");
     } catch {
-        //silent fail
+      // silent fail preserved; no additional toast for this scenario
     }
   };
 

frontend/src/components/ui/sonner-toaster.tsx

@@ -0,0 +1,21 @@
+"use client";
+
+import { Toaster } from "sonner";
+
+export function SonnerToaster() {
+  return (
+    <Toaster
+      richColors
+      closeButton
+      position="top-right"
+      toastOptions={{
+        classNames: {
+          toast: "rounded-xl border border-border/60 bg-popover/90 backdrop-blur supports-[backdrop-filter]:bg-popover/60",
+          title: "font-semibold",
+          description: "text-muted-foreground",
+        },
+      }}
+    />
+  );
+}
+