From 4e8d934f9327714568b37a4689abec50ff4e8eda Mon Sep 17 00:00:00 2001
From: Mahesh Sanikommmu <mahesh.svmr@gmail.com>
Date: Mon, 15 Dec 2025 00:29:33 -0800
Subject: [PATCH] add more fixes

---
 apps/web/app/onboarding/page.tsx             |  3 ++-
 apps/web/components/mcp-detail-view.tsx      |  6 +++---
 apps/web/components/new/chat/index.tsx       | 10 ++++++++--
 apps/web/components/new/chat/input/index.tsx |  2 +-
 4 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/apps/web/app/onboarding/page.tsx b/apps/web/app/onboarding/page.tsx
index 896c8bfd..b90898ec 100644
--- a/apps/web/app/onboarding/page.tsx
+++ b/apps/web/app/onboarding/page.tsx
@@ -25,7 +25,7 @@ import { AnimatedGradientBackground } from "@/components/new/animated-gradient-b
 function UserSupermemory({ name }: { name: string }) {
 	return (
 		<motion.div
-			className="absolute inset-0 flex items-center justify-center z-10"
+			className="absolute inset-0 top-[-34px] flex items-center justify-center z-10"
 			initial={{ opacity: 0, y: 0 }}
 			animate={{ opacity: 1, y: 0 }}
 			exit={{ opacity: 0, y: 0 }}
@@ -227,6 +227,7 @@ export default function OnboardingPage() {
 											? 0.4
 											: 1,
 								padding: minimizeNovaOrb ? 0 : 48,
+								paddingTop: 0,
 							}}
 							transition={{
 								duration: 0.8,
diff --git a/apps/web/components/mcp-detail-view.tsx b/apps/web/components/mcp-detail-view.tsx
index 83578181..e0f4ec7d 100644
--- a/apps/web/components/mcp-detail-view.tsx
+++ b/apps/web/components/mcp-detail-view.tsx
@@ -153,7 +153,7 @@ export function MCPDetailView({ onBack }: MCPDetailViewProps) {
 						<div className="flex-1 mb-4">
 							<div className="flex gap-4 mb-4">
 								<h3
-									className="text-white text-lg font-medium"
+									className="text-white text-lg font-medium text-center"
 									style={
 										activeStep === 1
 											? {
@@ -202,14 +202,14 @@ export function MCPDetailView({ onBack }: MCPDetailViewProps) {
 												<SelectValue placeholder="Select a client" />
 											)}
 										</SelectTrigger>
-										<SelectContent className="bg-black border-none pl-3 pr-2">
+										<SelectContent className="bg-black border-none">
 											{Object.entries(clients)
 												.slice(0, 7)
 												.map(([key, clientName]) => (
 													<SelectItem
 														key={key}
 														value={key}
-														className="text-white hover:bg-[#080B0F] p-0"
+														className="text-white hover:bg-[#080B0F]"
 													>
 														<div className="flex items-center gap-2">
 															<Image
diff --git a/apps/web/components/new/chat/index.tsx b/apps/web/components/new/chat/index.tsx
index f18deb1b..f0777be7 100644
--- a/apps/web/components/new/chat/index.tsx
+++ b/apps/web/components/new/chat/index.tsx
@@ -296,7 +296,7 @@ export function ChatSidebar() {
 				<motion.div
 					key="open"
 					className={cn(
-						"w-[450px] h-[calc(100vh-95px)] bg-[#05070A] backdrop-blur-md flex flex-col rounded-2xl m-4 mt-2 border border-[#17181AB2] relative",
+						"w-[450px] h-[calc(100vh-95px)] bg-[#05070A] backdrop-blur-md flex flex-col rounded-2xl m-4 mt-2 border border-[#17181AB2] relative pt-4",
 						dmSansClassName(),
 					)}
 					initial={{ x: "100px", opacity: 0 }}
@@ -304,7 +304,13 @@ export function ChatSidebar() {
 					exit={{ x: "100px", opacity: 0 }}
 					transition={{ duration: 0.3, ease: "easeOut", bounce: 0 }}
 				>
-					<div className="flex items-center justify-between pt-4 px-4 pb-3 shadow-[0_8px_16px_-4px_rgba(0,0,0,0.4)]">
+					<div
+						className="absolute top-0 left-0 right-0 flex items-center justify-between pt-4 px-4"
+						style={{
+							background:
+								"linear-gradient(180deg, #0A0E14 40.49%, rgba(10, 14, 20, 0.00) 100%)",
+						}}
+					>
 						<ChatModelSelector
 							selectedModel={selectedModel}
 							onModelChange={setSelectedModel}
diff --git a/apps/web/components/new/chat/input/index.tsx b/apps/web/components/new/chat/input/index.tsx
index 1ca7a00b..4294add5 100644
--- a/apps/web/components/new/chat/input/index.tsx
+++ b/apps/web/components/new/chat/input/index.tsx
@@ -66,7 +66,7 @@ export default function ChatInput({
 				className={cn(
 					"absolute bottom-full left-0 right-0 overflow-hidden transition-all duration-300 ease-out bg-[#000B1B]",
 					isExpanded
-						? "max-h-[80vh] opacity-100 overflow-y-auto pt-1.5 pb-2 rounded-t-xl px-4"
+						? "max-h-[60vh] opacity-100 overflow-y-auto pt-1.5 pb-2 rounded-t-xl px-4"
 						: "max-h-0 opacity-0",
 				)}
 				style={{