From cb18ff4fe529c7b1676521e63d4cb7f9240934ff Mon Sep 17 00:00:00 2001
From: Mahesh Sanikommu <mahesh.svmr@gmail.com>
Date: Tue, 17 Feb 2026 03:00:18 +0530
Subject: [PATCH] fix: integration icons & graph bg fix (#742)

---
 apps/web/app/(app)/page.tsx               |  2 +-
 apps/web/components/header.tsx            |  4 +--
 apps/web/components/integration-icons.tsx | 41 +++++++++++++++++++++++
 3 files changed, 44 insertions(+), 3 deletions(-)

diff --git a/apps/web/app/(app)/page.tsx b/apps/web/app/(app)/page.tsx
index b279e050..b9366efb 100644
--- a/apps/web/app/(app)/page.tsx
+++ b/apps/web/app/(app)/page.tsx
@@ -313,7 +313,7 @@ export default function NewPage() {
 				{isGraphMode && (
 					<div
 						id="graph-dotted-grid"
-						className="absolute inset-0 pointer-events-none bg-[radial-gradient(circle_at_center,#69A7F0_0.1px,transparent_1px)] bg-size-[24px_24px] mask-[radial-gradient(ellipse_at_center,black_60%,transparent_100%)]"
+						className="absolute inset-0 pointer-events-none bg-[radial-gradient(circle_at_center,rgba(105,167,240,0.25)_1px,transparent_1px)] bg-size-[32px_32px] mask-[radial-gradient(ellipse_at_center,black_60%,transparent_100%)]"
 					/>
 				)}
 				<Header
diff --git a/apps/web/components/header.tsx b/apps/web/components/header.tsx
index 12d09bef..a94d7e2d 100644
--- a/apps/web/components/header.tsx
+++ b/apps/web/components/header.tsx
@@ -22,7 +22,7 @@ import { Button } from "@ui/components/button"
 import { cn } from "@lib/utils"
 import { dmSansClassName } from "@/lib/fonts"
 import { Tabs, TabsList, TabsTrigger } from "@ui/components/tabs"
-import { GraphIcon } from "@/components/integration-icons"
+import { GraphIcon, IntegrationsIcon } from "@/components/integration-icons"
 import {
 	DropdownMenu,
 	DropdownMenuContent,
@@ -184,7 +184,7 @@ export function Header({ onAddMemory, onOpenChat, onOpenSearch }: HeaderProps) {
 								dmSansClassName(),
 							)}
 						>
-							<Sun className="size-4" />
+							<IntegrationsIcon className="size-4" />
 							Integrations
 						</TabsTrigger>
 					</TabsList>
diff --git a/apps/web/components/integration-icons.tsx b/apps/web/components/integration-icons.tsx
index 4603346c..7629f38e 100644
--- a/apps/web/components/integration-icons.tsx
+++ b/apps/web/components/integration-icons.tsx
@@ -3,6 +3,47 @@ import { Rotate3d } from "lucide-react"
 
 export { Rotate3d as GraphIcon }
 
+export function IntegrationsIcon({ className }: { className?: string }) {
+	return (
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 22 22"
+			fill="none"
+			className={className}
+		>
+			<title>Integrations</title>
+			<path
+				d="M15.6654 18.0026C16.954 18.0026 17.9987 16.9579 17.9987 15.6693C17.9987 14.3806 16.954 13.3359 15.6654 13.3359C14.3767 13.3359 13.332 14.3806 13.332 15.6693C13.332 16.9579 14.3767 18.0026 15.6654 18.0026Z"
+				stroke="currentColor"
+				strokeWidth="1.55556"
+				strokeLinecap="round"
+				strokeLinejoin="round"
+			/>
+			<path
+				d="M6.33333 8.66667C7.622 8.66667 8.66667 7.622 8.66667 6.33333C8.66667 5.04467 7.622 4 6.33333 4C5.04467 4 4 5.04467 4 6.33333C4 7.622 5.04467 8.66667 6.33333 8.66667Z"
+				stroke="currentColor"
+				strokeWidth="1.55556"
+				strokeLinecap="round"
+				strokeLinejoin="round"
+			/>
+			<path
+				d="M11.7773 6.33594H14.1107C14.5232 6.33594 14.9189 6.49983 15.2106 6.79155C15.5023 7.08327 15.6662 7.47893 15.6662 7.89149V13.3359"
+				stroke="currentColor"
+				strokeWidth="1.55556"
+				strokeLinecap="round"
+				strokeLinejoin="round"
+			/>
+			<path
+				d="M6.33203 8.66406V17.9974"
+				stroke="currentColor"
+				strokeWidth="1.55556"
+				strokeLinecap="round"
+				strokeLinejoin="round"
+			/>
+		</svg>
+	)
+}
+
 export function ChromeIcon({ className }: { className?: string }) {
 	return (
 		<svg