From 40e2fafce6f4e719ef3f6eeffc63e260f5a399fd Mon Sep 17 00:00:00 2001
From: Mahesh Sanikommmu <mahesh.svmr@gmail.com>
Date: Thu, 27 Nov 2025 00:30:34 -0800
Subject: [PATCH] added chat pane changes

---
 .../onboarding/setup/integrations-step.tsx    |  2 +-
 .../chat/message/related-memories.tsx         | 22 ++++++++--------
 .../components/chat/message/user-message.tsx  |  2 +-
 apps/web/globals.css                          | 26 +++++++++----------
 4 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/apps/web/app/onboarding/setup/integrations-step.tsx b/apps/web/app/onboarding/setup/integrations-step.tsx
index eefb0e9d..35faf5af 100644
--- a/apps/web/app/onboarding/setup/integrations-step.tsx
+++ b/apps/web/app/onboarding/setup/integrations-step.tsx
@@ -64,7 +64,7 @@ export function IntegrationsStep() {
 
 	const handleContinue = () => {
 		markOnboardingCompleted()
-		router.push("/")
+		router.push("/new")
 	}
 
 	if (selectedCard === "Connect to AI") {
diff --git a/apps/web/components/chat/message/related-memories.tsx b/apps/web/components/chat/message/related-memories.tsx
index d24a1b96..ddcfd1c9 100644
--- a/apps/web/components/chat/message/related-memories.tsx
+++ b/apps/web/components/chat/message/related-memories.tsx
@@ -45,10 +45,13 @@ export function RelatedMemories({
 		<div className="mb-2">
 			<button
 				type="button"
-				className="flex items-center gap-2 text-white/50 hover:text-white/70 transition-colors text-sm"
+				className={cn(
+					"flex items-center gap-2 text-white/50 hover:text-white/70 transition-colors text-sm",
+					dmSansClassName(),
+				)}
 				onClick={() => onToggle(message.id)}
 			>
-				Related Memories
+				Related memories
 				{isExpanded ? (
 					<ChevronUpIcon className="size-3.5" />
 				) : (
@@ -57,7 +60,7 @@ export function RelatedMemories({
 			</button>
 
 			{isExpanded && (
-				<div className="mt-2 grid grid-cols-2 gap-2 max-h-64 overflow-y-auto">
+				<div className="mt-2 grid grid-cols-2 gap-2 max-h-64 overflow-y-auto items-start">
 					{memoryResults.map((result, idx) => {
 						const isClickable =
 							result.url &&
@@ -66,19 +69,19 @@ export function RelatedMemories({
 
 						const content = (
 							<div className="">
-								<div className="bg-[#060D17] p-2 rounded-xl">
+								<div className="bg-[#060D17] p-2 rounded-t-[11px] rounded-b-[6px] m-[2px]">
 									{result.title && (
-										<div className="text-xs text-white/60 line-clamp-2">
+										<div className="text-xs text-[#525D6E] line-clamp-2">
 											{result.title}
 										</div>
 									)}
 									{result.content && (
-										<div className="text-xs text-white/60 line-clamp-2">
+										<div className="text-xs text-[#525D6E] line-clamp-2">
 											{result.content}
 										</div>
 									)}
 									{result.url && (
-										<div className="text-xs text-blue-400 mt-1 truncate">
+										<div className="text-xs text-[#525D6E] mt-1 truncate">
 											{result.url}
 										</div>
 									)}
@@ -118,10 +121,7 @@ export function RelatedMemories({
 
 						return (
 							<div
-								className={cn(
-									"bg-[#0C1829] rounded-xl border border-white/10",
-									dmSansClassName(),
-								)}
+								className={cn("bg-[#0C1829] rounded-xl", dmSansClassName())}
 								key={result.documentId || idx}
 							>
 								{content}
diff --git a/apps/web/components/chat/message/user-message.tsx b/apps/web/components/chat/message/user-message.tsx
index 0faa7a4e..7abe113f 100644
--- a/apps/web/components/chat/message/user-message.tsx
+++ b/apps/web/components/chat/message/user-message.tsx
@@ -21,7 +21,7 @@ export function UserMessage({
 
 	return (
 		<div className="flex flex-col items-end w-full">
-			<div className="bg-[#293952]/60 rounded-lg p-3 px-[14px] max-w-[80%]">
+			<div className="bg-[#1B1F24] rounded-lg p-3 px-[14px] max-w-[80%]">
 				<p className="text-sm text-white">{text}</p>
 			</div>
 			<button
diff --git a/apps/web/globals.css b/apps/web/globals.css
index e69d050b..0f6fbd1a 100644
--- a/apps/web/globals.css
+++ b/apps/web/globals.css
@@ -10,6 +10,19 @@
 	--color-placeholder-onboarding: #525966;
 }
 
+.scrollbar-thin {
+	scrollbar-width: thin;
+	scrollbar-color: #293952 transparent;
+}
+
+.scrollbar-thin::-webkit-scrollbar {
+	width: 6px;
+}
+
+.scrollbar-thin::-webkit-scrollbar-track {
+	background: transparent;
+}
+
 .sm-tweet-theme .react-tweet-theme {
 	--tweet-container-margin: 0px;
 	font-size: inherit !important;
@@ -36,19 +49,6 @@
 	line-height: 0.25rem !important;
 }
 
-.scrollbar-thin {
-	scrollbar-width: thin;
-	scrollbar-color: #293952 transparent;
-}
-
-.scrollbar-thin::-webkit-scrollbar {
-	width: 6px;
-}
-
-.scrollbar-thin::-webkit-scrollbar-track {
-	background: transparent;
-}
-
 [class*="dmSans"],
 .font-dm-sans {
 	letter-spacing: -0.01em;