From 74ef4bb414e568d81ba6af8247447e556241b27c Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Mon, 23 Mar 2026 02:55:35 +0530
Subject: [PATCH] refactor: enhance loading skeleton UI in GenerateReport

---
 surfsense_web/components/tool-ui/generate-report.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/surfsense_web/components/tool-ui/generate-report.tsx b/surfsense_web/components/tool-ui/generate-report.tsx
index 0d2cf4f8b..dd81d3403 100644
--- a/surfsense_web/components/tool-ui/generate-report.tsx
+++ b/surfsense_web/components/tool-ui/generate-report.tsx
@@ -63,10 +63,12 @@ type GenerateReportResult = z.infer<typeof GenerateReportResultSchema>;
 
 function ContentSkeleton() {
 	return (
-		<div className="space-y-2">
+		<div className="h-[7rem] space-y-2">
 			<div className="h-3 w-full rounded bg-muted/60 animate-pulse" />
 			<div className="h-3 w-[92%] rounded bg-muted/60 animate-pulse [animation-delay:100ms]" />
 			<div className="h-3 w-[75%] rounded bg-muted/60 animate-pulse [animation-delay:200ms]" />
+			<div className="h-3 w-[85%] rounded bg-muted/60 animate-pulse [animation-delay:300ms]" />
+			<div className="h-3 w-[60%] rounded bg-muted/60 animate-pulse [animation-delay:400ms]" />
 		</div>
 	);
 }