From 347aa36680d24b0e78def429daf9fce41cf01ce0 Mon Sep 17 00:00:00 2001
From: codetorso <pruthvirajthinks@gmail.com>
Date: Sat, 20 Jul 2024 04:38:38 +0530
Subject: [PATCH] believe in god, hope this works

---
 apps/web/app/(dash)/dialogTriggerWrapper.tsx |  26 +++--
 apps/web/app/(dash)/home/heading.tsx         |   2 +-
 apps/web/app/(dash)/home/queryinput.tsx      |  15 ++-
 apps/web/app/(dash)/layout.tsx               |   4 +-
 apps/web/package.json                        | 103 ++++++++++---------
 bun.lockb                                    | Bin 1160596 -> 1160628 bytes
 packages/tailwind-config/globals.css         |  10 +-
 7 files changed, 80 insertions(+), 80 deletions(-)

diff --git a/apps/web/app/(dash)/dialogTriggerWrapper.tsx b/apps/web/app/(dash)/dialogTriggerWrapper.tsx
index 7d21e27e..7dcfc355 100644
--- a/apps/web/app/(dash)/dialogTriggerWrapper.tsx
+++ b/apps/web/app/(dash)/dialogTriggerWrapper.tsx
@@ -7,23 +7,27 @@ import { PlusIcon } from "@heroicons/react/24/solid";
 
 export function DialogDesktopTrigger() {
 	return (
-		<div className="border-gray-700/50 border-[1px] space-y-4 group relative bg-[#1F2428] shadow-md shadow-[#1d1d1dc7] rounded-xl flex justify-center">
-			<button className="cursor-pointer p-2 hover:scale-105 hover:text-[#bfc4c9] active:scale-90">
-				<PlusIcon className="h-6 w-6" />
-			</button>
-			<div className="opacity-0 group-hover:opacity-100 scale-x-50 group-hover:scale-x-100 origin-left transition-all  absolute whitespace-nowrap pointer-events-none border-gray-700/50 border-[1px] bg-[#1F2428] shadow-md shadow-[#1d1d1dc7] rounded-xl px-2 py-1 left-[120%] -top-2">
-				Add Memories
+		<DialogTriggerWrapper>
+			<div className="border-gray-700/50 border-[1px] space-y-4 group relative bg-[#1F2428] shadow-md shadow-[#1d1d1dc7] rounded-xl flex justify-center">
+				<button className="cursor-pointer p-2 hover:scale-105 hover:text-[#bfc4c9] active:scale-90">
+					<PlusIcon className="h-6 w-6" />
+				</button>
+				<div className="opacity-0 group-hover:opacity-100 scale-x-50 group-hover:scale-x-100 origin-left transition-all  absolute whitespace-nowrap pointer-events-none border-gray-700/50 border-[1px] bg-[#1F2428] shadow-md shadow-[#1d1d1dc7] rounded-xl px-2 py-1 left-[120%] -top-2">
+					Add Memories
+				</div>
 			</div>
-		</div>
+		</DialogTriggerWrapper>
 	);
 }
 
 export function DialogMobileTrigger() {
 	return (
-		<div className={`flex flex-col items-center cursor-pointer text-white`}>
-			<PlusIcon className="h-6 w-6 hover:brightness-125 focus:brightness-125 duration-200 stroke-white" />
-			<p className="text-xs text-foreground-menu mt-2">Add</p>
-		</div>
+		<DialogTriggerWrapper>
+			<div className={`flex flex-col items-center cursor-pointer text-white`}>
+				<PlusIcon className="h-6 w-6 hover:brightness-125 focus:brightness-125 duration-200 stroke-white" />
+				<p className="text-xs text-foreground-menu mt-2">Add</p>
+			</div>
+		</DialogTriggerWrapper>
 	);
 }
 export default function DialogTriggerWrapper({
diff --git a/apps/web/app/(dash)/home/heading.tsx b/apps/web/app/(dash)/home/heading.tsx
index 12417a83..dc5b8799 100644
--- a/apps/web/app/(dash)/home/heading.tsx
+++ b/apps/web/app/(dash)/home/heading.tsx
@@ -27,7 +27,7 @@ export function Heading({ queryPresent }: { queryPresent: boolean }) {
 						exit={{ opacity: 0, y: "20%", whiteSpace: "nowrap" }}
 						className={`text-[2.45rem] font-semibold ${
 							queryPresent ? "pointer-events-none" : "pointer-events-auto"
-						} transition-opacity ${poppins.className}`}
+						} transition-opacity text-center ${poppins.className}`}
 					>
 						{headings[showHeading]}
 					</motion.h1>
diff --git a/apps/web/app/(dash)/home/queryinput.tsx b/apps/web/app/(dash)/home/queryinput.tsx
index 930f34db..f15a712b 100644
--- a/apps/web/app/(dash)/home/queryinput.tsx
+++ b/apps/web/app/(dash)/home/queryinput.tsx
@@ -6,15 +6,13 @@ import { FilterSpaces } from "./filterSpaces";
 function QueryInput({
 	setQueryPresent,
 	initialSpaces,
-	className,
 	handleSubmit,
 }: {
-	setQueryPresent: (t:boolean) => void;
+	setQueryPresent: (t: boolean) => void;
 	initialSpaces?: {
 		id: number;
 		name: string;
 	}[];
-	className?: string;
 	mini?: boolean;
 	handleSubmit: (q: string, spaces: { id: number; name: string }[]) => void;
 }) {
@@ -38,7 +36,6 @@ function QueryInput({
 						handleSubmit(q, selectedSpaces);
 						setQ("");
 					}}
-					className=""
 				>
 					<textarea
 						autoFocus
@@ -57,10 +54,12 @@ function QueryInput({
 								setQ("");
 							}
 						}}
-						onChange={(e) => setQ((prev)=> {
-							setQueryPresent(!!(e.target.value.length));
-							return e.target.value;
-						})}
+						onChange={(e) =>
+							setQ((prev) => {
+								setQueryPresent(!!e.target.value.length);
+								return e.target.value;
+							})
+						}
 						value={q}
 					/>
 					<FilterSpaces
diff --git a/apps/web/app/(dash)/layout.tsx b/apps/web/app/(dash)/layout.tsx
index 65a04a9b..24857fb1 100644
--- a/apps/web/app/(dash)/layout.tsx
+++ b/apps/web/app/(dash)/layout.tsx
@@ -17,12 +17,10 @@ async function Layout({ children }: { children: React.ReactNode }) {
 				<Header />
 			</div>
 
-			<div className="relative flex justify-center z-40 pointer-events-none">
 				<div
-					className="absolute -z-10 left-0 top-[10%] h-32 w-[90%] overflow-x-hidden bg-[rgb(54,157,253)] bg-opacity-100 md:bg-opacity-70 blur-[337.4px]"
+					className="absolute z-[100] left-0 top-[10%] h-32 w-[90%] overflow-x-hidden bg-[rgb(54,157,253)] bg-opacity-100 pointer-events-none md:bg-opacity-70 blur-[337.4px]"
 					style={{ transform: "rotate(-30deg)" }}
 				/>
-			</div>
 
 			<Menu />
 
diff --git a/apps/web/package.json b/apps/web/package.json
index 7d97fe7c..f157ad87 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -1,53 +1,54 @@
 {
-	"name": "@repo/web",
-	"version": "1.0.0",
-	"private": true,
-	"packageManager": "yarn@1.22.21",
-	"scripts": {
-		"dev": "next dev",
-		"build": "next build",
-		"start": "next start",
-		"lint": "eslint . --max-warnings 0",
-		"cf-typegen": "wrangler types --env-interface CloudflareEnv env.d.ts",
-		"pages:build": "npx @cloudflare/next-on-pages",
-		"preview": "npm run pages:build && wrangler pages dev",
-		"deploy": "npm run pages:build && wrangler pages deploy --branch main",
-		"schema-update": "bunx drizzle-kit generate sqlite",
-		"update-local-db": "bunx wrangler d1 execute dev-d1-anycontext --local",
-		"update-prod-db": "bunx wrangler d1 execute prod-d1-supermemory --remote"
-	},
-	"dependencies": {
-		"@radix-ui/react-dialog": "^1.0.5",
-		"@radix-ui/react-popover": "^1.0.7",
-		"@radix-ui/react-slot": "^1.1.0",
-		"@sentry/nextjs": "^8",
-		"cmdk": "^1.0.0",
-		"lowlight": "^3.1.0",
-		"million": "^3.1.6",
-		"next": "^14.1.1",
-		"novel": "^0.4.2",
-		"nuqs": "^1.17.4",
-		"react": "^18.2.0",
-		"react-dom": "^18.2.0",
-		"react-resizable-panels": "^2.0.19",
-		"use-debounce": "^10.0.1"
-	},
-	"devDependencies": {
-		"@next/eslint-plugin-next": "^14.1.1",
-		"@repo/eslint-config": "*",
-		"@repo/typescript-config": "*",
-		"@repo/tailwind-config": "*",
-		"@repo/shared-types": "*",
-		"@types/eslint": "^8.56.5",
-		"@types/node": "^20.11.24",
-		"@types/react": "^18.2.61",
-		"@types/react-dom": "^18.2.19",
-		"eslint": "^8.57.0",
-		"typescript": "^5.3.3"
-	},
-	"trustedDependencies": [
-		"esbuild",
-		"workerd",
-		"xycolors"
-	]
+  "name": "@repo/web",
+  "version": "1.0.0",
+  "private": true,
+  "packageManager": "yarn@1.22.21",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "eslint . --max-warnings 0",
+    "cf-typegen": "wrangler types --env-interface CloudflareEnv env.d.ts",
+    "pages:build": "npx @cloudflare/next-on-pages",
+    "preview": "npm run pages:build && wrangler pages dev",
+    "deploy": "npm run pages:build && wrangler pages deploy --branch main",
+    "schema-update": "bunx drizzle-kit generate sqlite",
+    "update-local-db": "bunx wrangler d1 execute dev-d1-anycontext --local",
+    "update-prod-db": "bunx wrangler d1 execute prod-d1-supermemory --remote"
+  },
+  "dependencies": {
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@sentry/nextjs": "^8",
+    "cmdk": "^1.0.0",
+    "lowlight": "^3.1.0",
+    "million": "^3.1.6",
+    "next": "^14.1.1",
+    "novel": "^0.4.2",
+    "nuqs": "^1.17.4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-resizable-panels": "^2.0.19",
+    "react-use-measure": "^2.1.1",
+    "use-debounce": "^10.0.1"
+  },
+  "devDependencies": {
+    "@next/eslint-plugin-next": "^14.1.1",
+    "@repo/eslint-config": "*",
+    "@repo/typescript-config": "*",
+    "@repo/tailwind-config": "*",
+    "@repo/shared-types": "*",
+    "@types/eslint": "^8.56.5",
+    "@types/node": "^20.11.24",
+    "@types/react": "^18.2.61",
+    "@types/react-dom": "^18.2.19",
+    "eslint": "^8.57.0",
+    "typescript": "^5.3.3"
+  },
+  "trustedDependencies": [
+    "esbuild",
+    "workerd",
+    "xycolors"
+  ]
 }
diff --git a/bun.lockb b/bun.lockb
index 46b3cd5115adb9d09f97289bdf3ccf57b17b4c4c..6daefb02aaacdc5d18373765dff68a6ebe3e4e84 100755
GIT binary patch
delta 5774
zcmeI0dvF!i9mns@<(k|R2wX$R12BYyM-rh*8_>{T9+3J>f<SGgv{H){BGB6D=s3kl
zXuyO5iirz#P=g??rL92XVj*e<Lb1?VrcjWMycAoc6%eLahDSf&++SztOlO?_)qiqk
zzV~x}k3EmwJ$LtP)2Z^-Q{_)r1alTt)>j7WE92TKLo-&_W&{F(*=d155Z1srIL9~-
zs)(6z8C2eK*aJRmb`uO^uQK~5@OtbGFa&>P{@08fp$e?+N@&HQ2HvoMDEm#Q0ljU0
zQ4MZ~8psZ)f$TEwfhwZ%-ZfiPJA2`E@PPRbq}5{mha=YTK|A0OR0oHl8axKo@p0n^
zP(@S+C(QnD)NvnKT<nE?E{BQ&=b?jF%)Sa$#2#MJ`A}-tNPDEm(!)^w#X}WQcEsY&
zm}vf9W+y=vQTct$7Ngi%Q1cxEHLRgfdBfAWQYuusPDH*1Mp)uV7*D*w?9os~RD*>u
z0hU6Y$O#s|mg?v$<`<QBC)7ahO1CR@mpSe>-eZYXuqTOMhwAVFi%&Ox%lr?SJrioi
zkD336=AUnT0%|}{8tZDQ^ue(Ls)!n4GgODGjH`_;7GDcBgLP2lTB?KfmiH>ufVP_b
zCRF@ws54i)%L2PC@H?oE_nLnnR7d+QegNube;;Zw9XJ1n#*d(m{}}4horRjvd8i_4
z0RMo=fq-|qB{ZT$9rWfuLxHF<8Oq<+m}34^W4ie>WP8)rgfg>~J_u728xB=O^`9?#
zt4XU>+9*u*_9f$JOS=`Sh{`K8j)lrEf@-eV>{6)dmP4i!sD@f`4?+#22I@3C0(IIR
z%ixyR1!=&c4jQ3~D0>N1gUg{B@GLGWz7pz=Tx<USo!s*3;HTEWwUmE@b@U61i<<Fk
z=HF<3QD<Z`)Xd(n_^+X6+yT{Ir|})AcJ}Dupvt>YGduuQL>=&FiywyS;3!mse}O8Z
zj{n$fQOA8^wx~088V-Po{bTt_Py?;)OGO8yK_#YJ!T|FRf-0g87z&j)465Tii;G$U
zU$FR1=Kmbl29%(gje=^h0BS(D8jGMh9A|c^vD|p4vBG#S)Ijbtdn#1>)6AZ3oB_kS
zO=nY42Q{$k?({p>g?8WF{n+N5T>Bi4ou%%_cI-TKKeoFc+ue`t*jng*Y<EAl|NoEe
z#j7rcP!AMF*P(cn;IFzEIk!0FaeE^wio|Z(DLmZjyp}qbT(po-3g&Hu^r~<lT4d=Z
zmi{$-dcW-_;?rwqH7fJY(nQKaHj&y-R$BU0>h*s5LKhz&oa<#Zy5wBP`-Ms>uf%%a
z@X?QHQ3FXc-xlgiy=jeZZ0_xZ)M=)Lwo$Jz-yrj~<E!#IXgy_;g$5JS9Nt2cy_1b@
zSa7`;UBWEW*kou}U$l(v)YHvZV7?vr`kQZzb<&A%pf{Z+Qf{zNp{4(Z&@#VaiR&H7
z)tlw(*x8A(>3x|w>b+f4%E6~W72#Xqbu_u;V3W7M$qh@{K#Ltja_uPXel~g0X2#oU
zp?nLK5%SG<qcu1l-xl+Yw7d!UD!l155xm9!L9;uOSfqWzINSrcY9MfgpUE7i)PeZ8
zXn~{DziPgrmUj$avG+_1O_liTTHL~f+*zdP@Li<neYlEw-GNW3zsIL(PUNT5pZKaf
z(la>Azu9-&!`^4x-0(;p<ETfAydmvwtoQA9H-6v(Zkr#WMd&HifEv*fG{^5~cQfNt
z^iDeoJ&fj|@1iqaNhjmF;7#dt`9ni^!bmrnHX%M*idHhL6=)pw(HY(=ovys#=d`Sy
zVHO&UE-?Jh&_B^dbO~KXSI|`yASdW$?R2Se2^n7DPB$v$Q<~5R7=4y%M$e&T{`{S8
zQn*%Ilw;^P`T(6kGuY*QhoM!XGBg&ALD?t=X`i$eZA0y-2|b5))2_Zy=_`~zZMC6M
z3`rkX&QaG#p%2j?(LS_4jSKK6f8rkZXt?0-G@xxtE?Q0f1@t0%3ALa#=w&pO#%@E!
z=#qbVuiF~R%Hx=PbR!ypMxuV`o8$yhod4c_mmLgiyA$$)2i&QF`WGohWoSO9d;zLs
zO!{l6_ag^geq3}e>00xrxl_)d2JenTuKxtB>nb!6-HWuCC!<HXk@WFG-;S<FeNigX
zQr6PdQXPN>q8t2mhunp@LaoE~9ILhWG+Ke0(Oib}G8>~m(B>TMhtM?i4Kx+s{5bE>
z`)*XOmXp5tRG=~F7Nk#3xhM~1qa3u{zxl9xJ~Sdqf7&+x45?qOwR!aQDLF^bA+!T^
zqHW&gV=gmtKh<%l#LqhJo(&agP0dC%=wUPm%|qWqkD%`(eO%HPtJ{&*TPZ3-<NdQI
z+`PD~I_e8iJz9hsP$T;Hu*>}ge{~OrLi?%{z05Y3<tO~jy)->;PSAhlp2WPKk%asC
z`=Gq;y;q$$OdHX~SF00IPycFluV)@l|AceLUHs%PuguEpcj<|xgE?ni#b3U!SGdvz
za*|?puJ=NAQt|qu*-7EZO}R1W^NUXoPeQ#>AOGa==$fb8!HxR#!NuI<{dRLS+uO1+
zS{!*`Q_OkP4{nOS6^!(0joDS+JDa036IYsfur=zvn4Og2O=*qRB=%{GCFQh5HMb$&
Jnbzpqe*tD4sm}la

delta 5778
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

diff --git a/packages/tailwind-config/globals.css b/packages/tailwind-config/globals.css
index 5e5804ad..ffce0b11 100644
--- a/packages/tailwind-config/globals.css
+++ b/packages/tailwind-config/globals.css
@@ -236,10 +236,8 @@ body {
 }
 
 .bg {
-  background-color:#171B1F;
-  background-image: linear-gradient(#1f24287a 2px, transparent 2px),
-  linear-gradient(90deg, #1f24287a 2px, transparent 2px);
-
-  background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
-  background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
+	background-color: #171B1F;
+	opacity: 1;
+	background: radial-gradient(circle, transparent 20%, #171B1F 20%, #171B1F 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #171B1F 20%, #171B1F 80%, transparent 80%, transparent) 100px 100px, linear-gradient(#1a1f23 8px, transparent 8px) 0 -4px, linear-gradient(90deg, #1a1f23 8px, #171B1F 8px) -4px 0;
+	background-size: 100px 100px, 100px 100px, 100px 100px, 100px 100px;
 }
\ No newline at end of file