From 8007597b505064225eb08d7ce7569753d2da58af Mon Sep 17 00:00:00 2001
From: CREDO23 <bakerathierry@gmail.com>
Date: Fri, 17 Oct 2025 14:22:16 +0200
Subject: [PATCH 1/7]  add 'useGithubStarts' hook

---
 .../connectors/add/baidu-search-api/page.tsx  | 16 ++++----
 .../[search_space_id]/connectors/add/page.tsx |  2 +-
 .../components/chat/SourceDetailSheet.tsx     |  6 +--
 surfsense_web/hooks/use-github-starts.ts      | 37 +++++++++++++++++++
 4 files changed, 48 insertions(+), 13 deletions(-)
 create mode 100644 surfsense_web/hooks/use-github-starts.ts

diff --git a/surfsense_web/app/dashboard/[search_space_id]/connectors/add/baidu-search-api/page.tsx b/surfsense_web/app/dashboard/[search_space_id]/connectors/add/baidu-search-api/page.tsx
index 1eaee9676..6624b8214 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/connectors/add/baidu-search-api/page.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/connectors/add/baidu-search-api/page.tsx
@@ -153,8 +153,8 @@ export default function BaiduSearchApiPage() {
 					<CardHeader>
 						<CardTitle className="text-2xl font-bold">Connect Baidu Search</CardTitle>
 						<CardDescription>
-							Integrate with Baidu AI Search to enhance your search capabilities with
-							intelligent Chinese web search results.
+							Integrate with Baidu AI Search to enhance your search capabilities with intelligent
+							Chinese web search results.
 						</CardDescription>
 					</CardHeader>
 					<CardContent>
@@ -224,13 +224,9 @@ export default function BaiduSearchApiPage() {
 												<SelectContent>
 													<SelectItem value="ernie-3.5-8k">ERNIE 3.5 8K</SelectItem>
 													<SelectItem value="ernie-4.5-turbo-32k">ERNIE 4.5 Turbo 32K</SelectItem>
-													<SelectItem value="ernie-4.5-turbo-128k">
-														ERNIE 4.5 Turbo 128K
-													</SelectItem>
+													<SelectItem value="ernie-4.5-turbo-128k">ERNIE 4.5 Turbo 128K</SelectItem>
 													<SelectItem value="deepseek-v3">DeepSeek V3</SelectItem>
-													<SelectItem value="qwen3-235b-a22b-instruct-2507">
-														Qwen3 235B
-													</SelectItem>
+													<SelectItem value="qwen3-235b-a22b-instruct-2507">Qwen3 235B</SelectItem>
 												</SelectContent>
 											</Select>
 											<FormDescription>
@@ -255,7 +251,9 @@ export default function BaiduSearchApiPage() {
 												</FormControl>
 												<SelectContent>
 													<SelectItem value="baidu_search_v1">Baidu Search V1</SelectItem>
-													<SelectItem value="baidu_search_v2">Baidu Search V2 (Recommended)</SelectItem>
+													<SelectItem value="baidu_search_v2">
+														Baidu Search V2 (Recommended)
+													</SelectItem>
 												</SelectContent>
 											</Select>
 											<FormDescription>
diff --git a/surfsense_web/app/dashboard/[search_space_id]/connectors/add/page.tsx b/surfsense_web/app/dashboard/[search_space_id]/connectors/add/page.tsx
index ccf02f107..7e63f5815 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/connectors/add/page.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/connectors/add/page.tsx
@@ -65,7 +65,7 @@ const connectorCategories: ConnectorCategory[] = [
 				description: "Connect to Elasticsearch to index and search documents, logs and metrics.",
 				icon: getConnectorIcon(EnumConnectorName.ELASTICSEARCH_CONNECTOR, "h-6 w-6"),
 				status: "available",
-			},	
+			},
 			{
 				id: "baidu-search-api",
 				title: "Baidu Search",
diff --git a/surfsense_web/components/chat/SourceDetailSheet.tsx b/surfsense_web/components/chat/SourceDetailSheet.tsx
index ecc8db4d2..e28e35070 100644
--- a/surfsense_web/components/chat/SourceDetailSheet.tsx
+++ b/surfsense_web/components/chat/SourceDetailSheet.tsx
@@ -53,9 +53,9 @@ export function SourceDetailSheet({
 
 	// Check if this is a source type that should render directly from node
 	const isDirectRenderSource =
-		sourceType === "TAVILY_API" || 
-		sourceType === "LINKUP_API" || 
-		sourceType === "SEARXNG_API" || 
+		sourceType === "TAVILY_API" ||
+		sourceType === "LINKUP_API" ||
+		sourceType === "SEARXNG_API" ||
 		sourceType === "BAIDU_SEARCH_API";
 
 	useEffect(() => {
diff --git a/surfsense_web/hooks/use-github-starts.ts b/surfsense_web/hooks/use-github-starts.ts
new file mode 100644
index 000000000..8f343796d
--- /dev/null
+++ b/surfsense_web/hooks/use-github-starts.ts
@@ -0,0 +1,37 @@
+import { useCallback, useEffect, useState } from "react";
+import { apiClient } from "@/lib/api";
+
+export const useGithubStarts = () => {
+	const repo = process.env.NEXT_PUBLIC_GITHUB_REPO;
+	const owner = process.env.NEXT_PUBLIC_GITHUB_OWNER;
+	const token = process.env.NEXT_PUBLIC_GITHUB_TOKEN;
+
+	const [starts, setStarts] = useState<number | null>(null);
+
+	useEffect(() => {
+		const getStarts = async () => {
+			try {
+				if (!repo || !owner || !token) {
+					throw new Error("Missing GitHub credentials");
+				}
+				const response = await apiClient.get<{ stargazers_count: number }>(
+					`https://api.github.com/repos/${owner}/${repo}`,
+					{
+						headers: {
+							Authorization: `Bearer ${token}`,
+						},
+					}
+				);
+
+				setStarts(response.stargazers_count);
+			} catch (err) {
+				console.error("Error fetching starts:", err);
+				throw err;
+			}
+		};
+
+		getStarts();
+	}, []);
+
+	return { starts };
+};

From 8f4ccba59a19d478766985c36b9ac251c12c9805 Mon Sep 17 00:00:00 2001
From: CREDO23 <bakerathierry@gmail.com>
Date: Fri, 17 Oct 2025 14:31:10 +0200
Subject: [PATCH 2/7]  add compact formatting eg : 2.3k

---
 surfsense_web/components/homepage/navbar.tsx |  2 +
 surfsense_web/hooks/use-github-starts.ts     | 59 +++++++++++---------
 2 files changed, 34 insertions(+), 27 deletions(-)

diff --git a/surfsense_web/components/homepage/navbar.tsx b/surfsense_web/components/homepage/navbar.tsx
index 1be8abad7..cf921f1ae 100644
--- a/surfsense_web/components/homepage/navbar.tsx
+++ b/surfsense_web/components/homepage/navbar.tsx
@@ -6,6 +6,7 @@ import React, { useEffect, useState } from "react";
 import { Logo } from "@/components/Logo";
 import { ThemeTogglerComponent } from "@/components/theme/theme-toggle";
 import { cn } from "@/lib/utils";
+import { useGithubStarts } from "@/hooks/use-github-starts";
 
 export const Navbar = () => {
 	const [isScrolled, setIsScrolled] = useState(false);
@@ -36,6 +37,7 @@ export const Navbar = () => {
 
 const DesktopNav = ({ navItems, isScrolled }: any) => {
 	const [hovered, setHovered] = useState<number | null>(null);
+	const {starts : githubStarts} = useGithubStarts();
 	return (
 		<motion.div
 			onMouseLeave={() => {
diff --git a/surfsense_web/hooks/use-github-starts.ts b/surfsense_web/hooks/use-github-starts.ts
index 8f343796d..5065ae4d0 100644
--- a/surfsense_web/hooks/use-github-starts.ts
+++ b/surfsense_web/hooks/use-github-starts.ts
@@ -2,36 +2,41 @@ import { useCallback, useEffect, useState } from "react";
 import { apiClient } from "@/lib/api";
 
 export const useGithubStarts = () => {
-	const repo = process.env.NEXT_PUBLIC_GITHUB_REPO;
-	const owner = process.env.NEXT_PUBLIC_GITHUB_OWNER;
-	const token = process.env.NEXT_PUBLIC_GITHUB_TOKEN;
+  const repo = process.env.NEXT_PUBLIC_GITHUB_REPO;
+  const owner = process.env.NEXT_PUBLIC_GITHUB_OWNER;
+  const token = process.env.NEXT_PUBLIC_GITHUB_TOKEN;
 
-	const [starts, setStarts] = useState<number | null>(null);
+  const [starts, setStarts] = useState<number | null>(null);
 
-	useEffect(() => {
-		const getStarts = async () => {
-			try {
-				if (!repo || !owner || !token) {
-					throw new Error("Missing GitHub credentials");
-				}
-				const response = await apiClient.get<{ stargazers_count: number }>(
-					`https://api.github.com/repos/${owner}/${repo}`,
-					{
-						headers: {
-							Authorization: `Bearer ${token}`,
-						},
-					}
-				);
+  useEffect(() => {
+    const getStarts = async () => {
+      try {
+        if (!repo || !owner || !token) {
+          throw new Error("Missing GitHub credentials");
+        }
+        const response = await apiClient.get<{ stargazers_count: number }>(
+          `https://api.github.com/repos/${owner}/${repo}`,
+          {
+            headers: {
+              Authorization: `Bearer ${token}`,
+            },
+          }
+        );
 
-				setStarts(response.stargazers_count);
-			} catch (err) {
-				console.error("Error fetching starts:", err);
-				throw err;
-			}
-		};
+        setStarts(response.stargazers_count);
+      } catch (err) {
+        console.error("Error fetching starts:", err);
+        throw err;
+      }
+    };
 
-		getStarts();
-	}, []);
+    getStarts();
+  }, []);
 
-	return { starts };
+  return {
+    starts,
+    compactFormat: Intl.NumberFormat("en-US", {
+      notation: "compact",
+    }).format(starts || 0),
+  };
 };

From 525564bd82650b73dd42c27ad8b6949bdd3bc9c3 Mon Sep 17 00:00:00 2001
From: CREDO23 <bakerathierry@gmail.com>
Date: Fri, 17 Oct 2025 14:55:19 +0200
Subject: [PATCH 3/7] display github starts on header and hamburger menu

---
 surfsense_web/.env.example                   |  4 +-
 surfsense_web/components/homepage/navbar.tsx | 21 ++++--
 surfsense_web/hooks/use-github-starts.ts     | 68 ++++++++++----------
 3 files changed, 54 insertions(+), 39 deletions(-)

diff --git a/surfsense_web/.env.example b/surfsense_web/.env.example
index 157bfaa37..b6936baf3 100644
--- a/surfsense_web/.env.example
+++ b/surfsense_web/.env.example
@@ -2,4 +2,6 @@ NEXT_PUBLIC_FASTAPI_BACKEND_URL=http://localhost:8000
 NEXT_PUBLIC_FASTAPI_BACKEND_AUTH_TYPE=LOCAL or GOOGLE
 NEXT_PUBLIC_ETL_SERVICE=UNSTRUCTURED or LLAMACLOUD or DOCLING
 # Contact Form Vars - OPTIONAL
-DATABASE_URL=postgresql://postgres:[YOUR-PASSWORD]@db.sdsf.supabase.co:5432/postgres
\ No newline at end of file
+DATABASE_URL=postgresql://postgres:[YOUR-PASSWORD]@db.sdsf.supabase.co:5432/postgres
+NEXT_PUBLIC_GITHUB_REPO=SurfSense
+NEXT_PUBLIC_GITHUB_OWNER=MODSetter
\ No newline at end of file
diff --git a/surfsense_web/components/homepage/navbar.tsx b/surfsense_web/components/homepage/navbar.tsx
index cf921f1ae..a42ea960a 100644
--- a/surfsense_web/components/homepage/navbar.tsx
+++ b/surfsense_web/components/homepage/navbar.tsx
@@ -37,7 +37,7 @@ export const Navbar = () => {
 
 const DesktopNav = ({ navItems, isScrolled }: any) => {
 	const [hovered, setHovered] = useState<number | null>(null);
-	const {starts : githubStarts} = useGithubStarts();
+	const { compactFormat: githubStarts, loading: loadingGithubStarts } = useGithubStarts();
 	return (
 		<motion.div
 			onMouseLeave={() => {
@@ -88,7 +88,13 @@ const DesktopNav = ({ navItems, isScrolled }: any) => {
 					className="hidden rounded-full px-3 py-2 hover:bg-gray-100 dark:hover:bg-neutral-800 transition-colors md:flex items-center gap-1.5"
 				>
 					<IconBrandGithub className="h-5 w-5 text-neutral-600 dark:text-neutral-300" />
-					<span className="text-sm font-medium text-neutral-600 dark:text-neutral-300">9.5k</span>
+					{loadingGithubStarts ? (
+						<div className="w-6 h-5 dark:bg-neutral-800 animate-pulse"></div>
+					) : (
+						<span className="text-sm font-medium text-neutral-600 dark:text-neutral-300">
+							{githubStarts}
+						</span>
+					)}
 				</Link>
 				<ThemeTogglerComponent />
 				<Link
@@ -104,6 +110,7 @@ const DesktopNav = ({ navItems, isScrolled }: any) => {
 
 const MobileNav = ({ navItems, isScrolled }: any) => {
 	const [open, setOpen] = useState(false);
+	const { compactFormat: githubStarts, loading: loadingGithubStarts } = useGithubStarts();
 
 	return (
 		<>
@@ -162,9 +169,13 @@ const MobileNav = ({ navItems, isScrolled }: any) => {
 									className="flex items-center gap-1.5 rounded-lg px-3 py-2 hover:bg-gray-100 dark:hover:bg-neutral-800 transition-colors"
 								>
 									<IconBrandGithub className="h-5 w-5 text-neutral-600 dark:text-neutral-300" />
-									<span className="text-sm font-medium text-neutral-600 dark:text-neutral-300">
-										9.5k
-									</span>
+									{loadingGithubStarts ? (
+										<div className="w-6 h-5 dark:bg-neutral-800 animate-pulse"></div>
+									) : (
+										<span className="text-sm font-medium text-neutral-600 dark:text-neutral-300">
+											{githubStarts}
+										</span>
+									)}
 								</Link>
 							</div>
 							<button className="w-full rounded-lg bg-black px-8 py-2 font-medium text-white shadow-[0px_-2px_0px_0px_rgba(255,255,255,0.4)_inset] dark:bg-white dark:text-black">
diff --git a/surfsense_web/hooks/use-github-starts.ts b/surfsense_web/hooks/use-github-starts.ts
index 5065ae4d0..bcec3fd86 100644
--- a/surfsense_web/hooks/use-github-starts.ts
+++ b/surfsense_web/hooks/use-github-starts.ts
@@ -1,42 +1,44 @@
 import { useCallback, useEffect, useState } from "react";
-import { apiClient } from "@/lib/api";
 
 export const useGithubStarts = () => {
-  const repo = process.env.NEXT_PUBLIC_GITHUB_REPO;
-  const owner = process.env.NEXT_PUBLIC_GITHUB_OWNER;
-  const token = process.env.NEXT_PUBLIC_GITHUB_TOKEN;
+	const repo = process.env.NEXT_PUBLIC_GITHUB_REPO;
+	const owner = process.env.NEXT_PUBLIC_GITHUB_OWNER;
 
-  const [starts, setStarts] = useState<number | null>(null);
+	const [starts, setStarts] = useState<number | null>(null);
+	const [loading, setLoading] = useState(true);
 
-  useEffect(() => {
-    const getStarts = async () => {
-      try {
-        if (!repo || !owner || !token) {
-          throw new Error("Missing GitHub credentials");
-        }
-        const response = await apiClient.get<{ stargazers_count: number }>(
-          `https://api.github.com/repos/${owner}/${repo}`,
-          {
-            headers: {
-              Authorization: `Bearer ${token}`,
-            },
-          }
-        );
+	useEffect(() => {
+		const getStarts = async () => {
+			try {
+				if (!repo || !owner) {
+					throw new Error("Missing GitHub credentials");
+				}
 
-        setStarts(response.stargazers_count);
-      } catch (err) {
-        console.error("Error fetching starts:", err);
-        throw err;
-      }
-    };
+				const response = await fetch(`https://api.github.com/repos/${owner}/${repo}`);
 
-    getStarts();
-  }, []);
+				if (!response.ok) {
+					throw new Error(`Failed to fetch starts: ${response.statusText}`);
+				}
 
-  return {
-    starts,
-    compactFormat: Intl.NumberFormat("en-US", {
-      notation: "compact",
-    }).format(starts || 0),
-  };
+				const data = await response.json();
+
+				setStarts(data?.stargazers_count);
+			} catch (err) {
+				console.error("Error fetching starts:", err);
+				throw err;
+			} finally {
+				setLoading(false);
+			}
+		};
+
+		getStarts();
+	}, []);
+
+	return {
+		starts,
+		loading,
+		compactFormat: Intl.NumberFormat("en-US", {
+			notation: "compact",
+		}).format(starts || 0),
+	};
 };

From 2339a156c23a3a732dfdd6405893473e6613fd77 Mon Sep 17 00:00:00 2001
From: CREDO23 <bakerathierry@gmail.com>
Date: Fri, 17 Oct 2025 16:48:10 +0200
Subject: [PATCH 4/7] Add ai bot suggestions

---
 .../components/contact/contact-form.tsx       |  2 +-
 surfsense_web/components/homepage/navbar.tsx  | 19 ++++++++------
 surfsense_web/components/pricing.tsx          |  5 +++-
 ...e-github-starts.ts => use-github-stars.ts} | 25 +++++++++++--------
 4 files changed, 31 insertions(+), 20 deletions(-)
 rename surfsense_web/hooks/{use-github-starts.ts => use-github-stars.ts} (52%)

diff --git a/surfsense_web/components/contact/contact-form.tsx b/surfsense_web/components/contact/contact-form.tsx
index 0fd07a056..435ff1365 100644
--- a/surfsense_web/components/contact/contact-form.tsx
+++ b/surfsense_web/components/contact/contact-form.tsx
@@ -339,7 +339,7 @@ export function GridPattern({ width, height, x, y, squares, ...props }: any) {
 			</defs>
 			<rect width="100%" height="100%" strokeWidth={0} fill={`url(#${patternId})`} />
 			{squares && (
-				<svg x={x} y={y} className="overflow-visible">
+				<svg aria-hidden="true" x={x} y={y} className="overflow-visible">
 					{squares.map(([x, y]: any, idx: number) => (
 						<rect
 							strokeWidth="0"
diff --git a/surfsense_web/components/homepage/navbar.tsx b/surfsense_web/components/homepage/navbar.tsx
index a42ea960a..1406aea8a 100644
--- a/surfsense_web/components/homepage/navbar.tsx
+++ b/surfsense_web/components/homepage/navbar.tsx
@@ -5,8 +5,8 @@ import Link from "next/link";
 import React, { useEffect, useState } from "react";
 import { Logo } from "@/components/Logo";
 import { ThemeTogglerComponent } from "@/components/theme/theme-toggle";
+import { useGithubStars } from "@/hooks/use-github-stars";
 import { cn } from "@/lib/utils";
-import { useGithubStarts } from "@/hooks/use-github-starts";
 
 export const Navbar = () => {
 	const [isScrolled, setIsScrolled] = useState(false);
@@ -37,7 +37,7 @@ export const Navbar = () => {
 
 const DesktopNav = ({ navItems, isScrolled }: any) => {
 	const [hovered, setHovered] = useState<number | null>(null);
-	const { compactFormat: githubStarts, loading: loadingGithubStarts } = useGithubStarts();
+	const { compactFormat: githubStars, loading: loadingGithubStars } = useGithubStars();
 	return (
 		<motion.div
 			onMouseLeave={() => {
@@ -88,11 +88,11 @@ const DesktopNav = ({ navItems, isScrolled }: any) => {
 					className="hidden rounded-full px-3 py-2 hover:bg-gray-100 dark:hover:bg-neutral-800 transition-colors md:flex items-center gap-1.5"
 				>
 					<IconBrandGithub className="h-5 w-5 text-neutral-600 dark:text-neutral-300" />
-					{loadingGithubStarts ? (
+					{loadingGithubStars ? (
 						<div className="w-6 h-5 dark:bg-neutral-800 animate-pulse"></div>
 					) : (
 						<span className="text-sm font-medium text-neutral-600 dark:text-neutral-300">
-							{githubStarts}
+							{githubStars}
 						</span>
 					)}
 				</Link>
@@ -110,7 +110,7 @@ const DesktopNav = ({ navItems, isScrolled }: any) => {
 
 const MobileNav = ({ navItems, isScrolled }: any) => {
 	const [open, setOpen] = useState(false);
-	const { compactFormat: githubStarts, loading: loadingGithubStarts } = useGithubStarts();
+	const { compactFormat: githubStars, loading: loadingGithubStars } = useGithubStars();
 
 	return (
 		<>
@@ -169,16 +169,19 @@ const MobileNav = ({ navItems, isScrolled }: any) => {
 									className="flex items-center gap-1.5 rounded-lg px-3 py-2 hover:bg-gray-100 dark:hover:bg-neutral-800 transition-colors"
 								>
 									<IconBrandGithub className="h-5 w-5 text-neutral-600 dark:text-neutral-300" />
-									{loadingGithubStarts ? (
+									{loadingGithubStars ? (
 										<div className="w-6 h-5 dark:bg-neutral-800 animate-pulse"></div>
 									) : (
 										<span className="text-sm font-medium text-neutral-600 dark:text-neutral-300">
-											{githubStarts}
+											{githubStars}
 										</span>
 									)}
 								</Link>
 							</div>
-							<button className="w-full rounded-lg bg-black px-8 py-2 font-medium text-white shadow-[0px_-2px_0px_0px_rgba(255,255,255,0.4)_inset] dark:bg-white dark:text-black">
+							<button
+								type="button"
+								className="w-full rounded-lg bg-black px-8 py-2 font-medium text-white shadow-[0px_-2px_0px_0px_rgba(255,255,255,0.4)_inset] dark:bg-white dark:text-black"
+							>
 								Book a call
 							</button>
 						</motion.div>
diff --git a/surfsense_web/components/pricing.tsx b/surfsense_web/components/pricing.tsx
index 55a8855cb..61c1f4f1f 100644
--- a/surfsense_web/components/pricing.tsx
+++ b/surfsense_web/components/pricing.tsx
@@ -76,7 +76,10 @@ export function Pricing({
 			</div>
 
 			<div className="flex justify-center mb-10">
-				<label className="relative inline-flex items-center cursor-pointer">
+				<label
+					htmlFor="billing-toggle"
+					className="relative inline-flex items-center cursor-pointer"
+				>
 					<Label>
 						<Switch
 							ref={switchRef as any}
diff --git a/surfsense_web/hooks/use-github-starts.ts b/surfsense_web/hooks/use-github-stars.ts
similarity index 52%
rename from surfsense_web/hooks/use-github-starts.ts
rename to surfsense_web/hooks/use-github-stars.ts
index bcec3fd86..c6fef167d 100644
--- a/surfsense_web/hooks/use-github-starts.ts
+++ b/surfsense_web/hooks/use-github-stars.ts
@@ -1,44 +1,49 @@
-import { useCallback, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 
-export const useGithubStarts = () => {
+export const useGithubStars = () => {
 	const repo = process.env.NEXT_PUBLIC_GITHUB_REPO;
 	const owner = process.env.NEXT_PUBLIC_GITHUB_OWNER;
 
-	const [starts, setStarts] = useState<number | null>(null);
+	const [stars, setStars] = useState<number | null>(null);
 	const [loading, setLoading] = useState(true);
+	const [error, setError] = useState<string | null>(null);
 
 	useEffect(() => {
-		const getStarts = async () => {
+		const getStars = async () => {
 			try {
 				if (!repo || !owner) {
 					throw new Error("Missing GitHub credentials");
 				}
 
+				setError(null);
+
 				const response = await fetch(`https://api.github.com/repos/${owner}/${repo}`);
 
 				if (!response.ok) {
-					throw new Error(`Failed to fetch starts: ${response.statusText}`);
+					throw new Error(`Failed to fetch stars: ${response.statusText}`);
 				}
 
 				const data = await response.json();
 
-				setStarts(data?.stargazers_count);
+				setStars(data?.stargazers_count);
 			} catch (err) {
-				console.error("Error fetching starts:", err);
+				console.error("Error fetching stars:", err);
+				setError(err instanceof Error ? err.message : `Failed to fetch stars ${err}`);
 				throw err;
 			} finally {
 				setLoading(false);
 			}
 		};
 
-		getStarts();
+		getStars();
 	}, []);
 
 	return {
-		starts,
+		stars,
 		loading,
+		error,
 		compactFormat: Intl.NumberFormat("en-US", {
 			notation: "compact",
-		}).format(starts || 0),
+		}).format(stars || 0),
 	};
 };

From f82764d1868f9c69b9cd965826b0e1aed5de2ba9 Mon Sep 17 00:00:00 2001
From: CREDO23 <bakerathierry@gmail.com>
Date: Fri, 17 Oct 2025 17:00:00 +0200
Subject: [PATCH 5/7] Add ai bot suggestions

---
 surfsense_web/hooks/use-github-stars.ts | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/surfsense_web/hooks/use-github-stars.ts b/surfsense_web/hooks/use-github-stars.ts
index c6fef167d..69f9e0339 100644
--- a/surfsense_web/hooks/use-github-stars.ts
+++ b/surfsense_web/hooks/use-github-stars.ts
@@ -1,3 +1,5 @@
+"use client";
+
 import { useEffect, useState } from "react";
 
 export const useGithubStars = () => {
@@ -9,6 +11,7 @@ export const useGithubStars = () => {
 	const [error, setError] = useState<string | null>(null);
 
 	useEffect(() => {
+		const abortController = new AbortController();
 		const getStars = async () => {
 			try {
 				if (!repo || !owner) {
@@ -17,7 +20,9 @@ export const useGithubStars = () => {
 
 				setError(null);
 
-				const response = await fetch(`https://api.github.com/repos/${owner}/${repo}`);
+				const response = await fetch(`https://api.github.com/repos/${owner}/${repo}`, {
+					signal: abortController.signal,
+				});
 
 				if (!response.ok) {
 					throw new Error(`Failed to fetch stars: ${response.statusText}`);
@@ -27,16 +32,21 @@ export const useGithubStars = () => {
 
 				setStars(data?.stargazers_count);
 			} catch (err) {
-				console.error("Error fetching stars:", err);
-				setError(err instanceof Error ? err.message : `Failed to fetch stars ${err}`);
-				throw err;
+				if (err instanceof Error) {
+					console.error("Error fetching stars:", err);
+					setError(err.message);
+				}
 			} finally {
 				setLoading(false);
 			}
 		};
 
 		getStars();
-	}, []);
+
+		return () => {
+			abortController.abort();
+		};
+	}, [repo, owner]);
 
 	return {
 		stars,

From 14dd57815ee6895f2a309c472610185b6222b1da Mon Sep 17 00:00:00 2001
From: CREDO23 <bakerathierry@gmail.com>
Date: Sun, 19 Oct 2025 23:25:23 +0200
Subject: [PATCH 6/7] remove github repo & owner env variables

---
 surfsense_web/.env.example | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/surfsense_web/.env.example b/surfsense_web/.env.example
index b6936baf3..157bfaa37 100644
--- a/surfsense_web/.env.example
+++ b/surfsense_web/.env.example
@@ -2,6 +2,4 @@ NEXT_PUBLIC_FASTAPI_BACKEND_URL=http://localhost:8000
 NEXT_PUBLIC_FASTAPI_BACKEND_AUTH_TYPE=LOCAL or GOOGLE
 NEXT_PUBLIC_ETL_SERVICE=UNSTRUCTURED or LLAMACLOUD or DOCLING
 # Contact Form Vars - OPTIONAL
-DATABASE_URL=postgresql://postgres:[YOUR-PASSWORD]@db.sdsf.supabase.co:5432/postgres
-NEXT_PUBLIC_GITHUB_REPO=SurfSense
-NEXT_PUBLIC_GITHUB_OWNER=MODSetter
\ No newline at end of file
+DATABASE_URL=postgresql://postgres:[YOUR-PASSWORD]@db.sdsf.supabase.co:5432/postgres
\ No newline at end of file

From 9af7ea51f67f26311da14f314a06a630cd713b43 Mon Sep 17 00:00:00 2001
From: CREDO23 <bakerathierry@gmail.com>
Date: Sun, 19 Oct 2025 23:27:14 +0200
Subject: [PATCH 7/7] hard code the repo name and repo owner

---
 surfsense_web/hooks/use-github-stars.ts | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/surfsense_web/hooks/use-github-stars.ts b/surfsense_web/hooks/use-github-stars.ts
index 69f9e0339..eefa4cefa 100644
--- a/surfsense_web/hooks/use-github-stars.ts
+++ b/surfsense_web/hooks/use-github-stars.ts
@@ -3,9 +3,6 @@
 import { useEffect, useState } from "react";
 
 export const useGithubStars = () => {
-	const repo = process.env.NEXT_PUBLIC_GITHUB_REPO;
-	const owner = process.env.NEXT_PUBLIC_GITHUB_OWNER;
-
 	const [stars, setStars] = useState<number | null>(null);
 	const [loading, setLoading] = useState(true);
 	const [error, setError] = useState<string | null>(null);
@@ -14,13 +11,9 @@ export const useGithubStars = () => {
 		const abortController = new AbortController();
 		const getStars = async () => {
 			try {
-				if (!repo || !owner) {
-					throw new Error("Missing GitHub credentials");
-				}
-
 				setError(null);
 
-				const response = await fetch(`https://api.github.com/repos/${owner}/${repo}`, {
+				const response = await fetch(`https://api.github.com/repos/MODSetter/SurfSense`, {
 					signal: abortController.signal,
 				});
 
@@ -46,7 +39,7 @@ export const useGithubStars = () => {
 		return () => {
 			abortController.abort();
 		};
-	}, [repo, owner]);
+	}, []);
 
 	return {
 		stars,