From e3dc2ad39f0979f5e87b45b96591465dfa25a61b Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Fri, 6 Feb 2026 19:25:01 +0530
Subject: [PATCH] fix: update icon styling in DocumentsTableShell and enhance
 mobile rendering conditions in OnboardingTour

---
 .../documents/(manage)/components/DocumentsTableShell.tsx   | 2 +-
 surfsense_web/components/onboarding-tour.tsx                | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/components/DocumentsTableShell.tsx b/surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/components/DocumentsTableShell.tsx
index 6421db92f..a44295ec0 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/components/DocumentsTableShell.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/components/DocumentsTableShell.tsx
@@ -467,7 +467,7 @@ export function DocumentsTableShell({
 						className="flex flex-col items-center gap-4 max-w-md px-4 text-center"
 					>
 						<div className="rounded-full bg-muted/50 p-4">
-							<FileX className="h-8 w-8 text-muted-foreground/60" />
+							<FileX className="h-8 w-8 text-muted-foreground" />
 						</div>
 						<div className="space-y-1.5">
 							<h3 className="text-lg font-semibold">{t("no_documents")}</h3>
diff --git a/surfsense_web/components/onboarding-tour.tsx b/surfsense_web/components/onboarding-tour.tsx
index 12773c932..7053f00cf 100644
--- a/surfsense_web/components/onboarding-tour.tsx
+++ b/surfsense_web/components/onboarding-tour.tsx
@@ -10,6 +10,7 @@ import { connectorsAtom } from "@/atoms/connectors/connector-query.atoms";
 import { documentTypeCountsAtom } from "@/atoms/documents/document-query.atoms";
 import { activeSearchSpaceIdAtom } from "@/atoms/search-spaces/search-space-query.atoms";
 import { currentUserAtom } from "@/atoms/user/user-query.atoms";
+import { useIsMobile } from "@/hooks/use-mobile";
 import { fetchThreads } from "@/lib/chat/thread-persistence";
 
 interface TourStep {
@@ -393,6 +394,7 @@ function TourTooltip({
 }
 
 export function OnboardingTour() {
+	const isMobile = useIsMobile();
 	const [isActive, setIsActive] = useState(false);
 	const [stepIndex, setStepIndex] = useState(0);
 	const [targetEl, setTargetEl] = useState<Element | null>(null);
@@ -685,8 +687,8 @@ export function OnboardingTour() {
 		return () => window.removeEventListener("keydown", handleKeyDown);
 	}, [isActive, user?.id]);
 
-	// Don't render if not active or not mounted
-	if (!mounted || !isActive) {
+	// Don't render on mobile, or if not active or not mounted
+	if (isMobile || !mounted || !isActive) {
 		return null;
 	}