From b1a18e643973279dcca9805faa847cfee9165b50 Mon Sep 17 00:00:00 2001
From: Hardik Vora <42842779+vorahardik7@users.noreply.github.com>
Date: Mon, 27 Oct 2025 17:31:13 -0700
Subject: [PATCH] feat: improved add memory UI bits (#502)

---
 .../views/add-memory/action-buttons.tsx       |  4 ++--
 .../web/components/views/add-memory/index.tsx | 20 +++++++++----------
 .../views/add-memory/project-selection.tsx    |  2 +-
 .../views/add-memory/text-editor.tsx          |  8 ++++----
 .../views/connections-tab-content.tsx         |  6 +++---
 packages/ui/components/shadcn-io/dropzone.tsx |  2 +-
 6 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/apps/web/components/views/add-memory/action-buttons.tsx b/apps/web/components/views/add-memory/action-buttons.tsx
index 3f93fe17..a85042e5 100644
--- a/apps/web/components/views/add-memory/action-buttons.tsx
+++ b/apps/web/components/views/add-memory/action-buttons.tsx
@@ -26,7 +26,7 @@ export function ActionButtons({
 	return (
 		<div className={`flex gap-3 order-1 sm:order-2 justify-end ${className}`}>
 			<Button
-				className="hover:bg-foreground/10 border-none flex-1 sm:flex-initial"
+				className="hover:bg-foreground/10 border-none flex-1 sm:flex-initial cursor-pointer"
 				onClick={onCancel}
 				type="button"
 				variant="ghost"
@@ -40,7 +40,7 @@ export function ActionButtons({
 				className="flex-1 sm:flex-initial"
 			>
 				<Button
-					className="w-full"
+					className="w-full cursor-pointer"
 					disabled={isSubmitting || isSubmitDisabled}
 					onClick={submitType === "button" ? onSubmit : undefined}
 					type={submitType}
diff --git a/apps/web/components/views/add-memory/index.tsx b/apps/web/components/views/add-memory/index.tsx
index 262e95fd..05399f21 100644
--- a/apps/web/components/views/add-memory/index.tsx
+++ b/apps/web/components/views/add-memory/index.tsx
@@ -557,7 +557,7 @@ export function AddMemoryView({
 							<TabsList className="flex flex-col gap-2 max-w-48 h-fit bg-transparent p-0">
 								<TabsTrigger
 									value="note"
-									className="flex flex-col gap-1 justify-start items-start h-auto w-full"
+									className="flex flex-col gap-1 justify-start items-start h-auto w-full cursor-pointer"
 								>
 									<div className="flex gap-1 items-center">
 										<Brain className="h-4 w-4" />
@@ -569,7 +569,7 @@ export function AddMemoryView({
 								</TabsTrigger>
 								<TabsTrigger
 									value="link"
-									className="flex flex-col gap-1 justify-start items-start h-auto w-full"
+									className="flex flex-col gap-1 justify-start items-start h-auto w-full cursor-pointer"
 								>
 									<div className="flex gap-1 items-center">
 										<LinkIcon className="h-4 w-4" />
@@ -581,7 +581,7 @@ export function AddMemoryView({
 								</TabsTrigger>
 								<TabsTrigger
 									value="file"
-									className="flex flex-col gap-1 justify-start items-start h-auto w-full"
+									className="flex flex-col gap-1 justify-start items-start h-auto w-full cursor-pointer"
 								>
 									<div className="flex gap-1 items-center">
 										<FileIcon className="h-4 w-4" />
@@ -593,7 +593,7 @@ export function AddMemoryView({
 								</TabsTrigger>
 								<TabsTrigger
 									value="connect"
-									className="flex flex-col gap-1 justify-start items-start h-auto w-full"
+									className="flex flex-col gap-1 justify-start items-start h-auto w-full cursor-pointer"
 								>
 									<div className="flex gap-1 items-center">
 										<PlugIcon className="h-4 w-4" />
@@ -1037,7 +1037,7 @@ export function AddMemoryView({
 									whileTap={{ scale: 0.95 }}
 								>
 									<Button
-										className="bg-white/5 hover:bg-white/10 border-white/10 w-full sm:w-auto"
+										className="bg-white/5 hover:bg-white/10 border-white/10 w-full sm:w-auto cursor-pointer"
 										onClick={() => {
 											setShowCreateProjectDialog(false)
 											setNewProjectName("")
@@ -1054,7 +1054,7 @@ export function AddMemoryView({
 									whileTap={{ scale: 0.95 }}
 								>
 									<Button
-										className="bg-white/10 hover:bg-white/20 border-white/20 w-full sm:w-auto"
+										className="bg-white/10 hover:bg-white/20 border-white/20 w-full sm:w-auto cursor-pointer"
 										disabled={
 											createProjectMutation.isPending || !newProjectName.trim()
 										}
@@ -1105,7 +1105,7 @@ export function AddMemoryExpandedView() {
 				<div className="flex flex-wrap gap-2">
 					<motion.div whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }}>
 						<Button
-							className="bg-white/10 hover:bg-white/20 border-white/20"
+							className="bg-white/10 hover:bg-white/20 border-white/20 cursor-pointer"
 							onClick={() => handleOpenDialog("note")}
 							size="sm"
 							variant="outline"
@@ -1117,7 +1117,7 @@ export function AddMemoryExpandedView() {
 
 					<motion.div whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }}>
 						<Button
-							className="bg-white/10 hover:bg-white/20 border-white/20"
+							className="bg-white/10 hover:bg-white/20 border-white/20 cursor-pointer"
 							onClick={() => handleOpenDialog("link")}
 							size="sm"
 							variant="outline"
@@ -1129,7 +1129,7 @@ export function AddMemoryExpandedView() {
 
 					<motion.div whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }}>
 						<Button
-							className="bg-white/10 hover:bg-white/20 border-white/20"
+							className="bg-white/10 hover:bg-white/20 border-white/20 cursor-pointer"
 							onClick={() => handleOpenDialog("file")}
 							size="sm"
 							variant="outline"
@@ -1141,7 +1141,7 @@ export function AddMemoryExpandedView() {
 
 					<motion.div whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }}>
 						<Button
-							className="bg-white/10 hover:bg-white/20 border-white/20"
+							className="bg-white/10 hover:bg-white/20 border-white/20 cursor-pointer"
 							onClick={() => handleOpenDialog("connect")}
 							size="sm"
 							variant="outline"
diff --git a/apps/web/components/views/add-memory/project-selection.tsx b/apps/web/components/views/add-memory/project-selection.tsx
index e77a8053..6500cd3d 100644
--- a/apps/web/components/views/add-memory/project-selection.tsx
+++ b/apps/web/components/views/add-memory/project-selection.tsx
@@ -50,7 +50,7 @@ export function ProjectSelection({
       value={selectedProject}
     >
       <SelectTrigger
-        className={`bg-foreground/5 border-foreground/10 ${className}`}
+        className={`bg-foreground/5 border-foreground/10 cursor-pointer ${className}`}
         id={id}
       >
         <SelectValue placeholder="Select a project" />
diff --git a/apps/web/components/views/add-memory/text-editor.tsx b/apps/web/components/views/add-memory/text-editor.tsx
index e9577142..08d45c42 100644
--- a/apps/web/components/views/add-memory/text-editor.tsx
+++ b/apps/web/components/views/add-memory/text-editor.tsx
@@ -404,7 +404,7 @@ export function TextEditor({
 			variant="ghost"
 			size="sm"
 			className={cn(
-				"h-8 w-8 !p-0 text-foreground/70 transition-all duration-200 rounded-sm",
+				"h-8 w-8 !p-0 text-foreground/70 transition-all duration-200 rounded-sm cursor-pointer",
 				"hover:bg-foreground/15 hover:text-foreground hover:scale-105",
 				"active:scale-95",
 				isActive && "bg-foreground/20 text-foreground",
@@ -425,7 +425,7 @@ export function TextEditor({
 	return (
 		<div className={cn("bg-foreground/5 border border-foreground/10 rounded-md", containerClassName)}>
 			<div className={cn("flex flex-col", className)}>
-			<div className="flex-1 min-h-48 max-h-64 overflow-y-auto">
+			<div className="flex-1 min-h-48 overflow-y-auto">
 				<Slate
 					editor={editor}
 					initialValue={editorValue}
@@ -451,8 +451,8 @@ export function TextEditor({
 							disabled && "opacity-50 cursor-not-allowed",
 						)}
 						style={{
-							minHeight: "11rem",
-							maxHeight: "15rem",
+							minHeight: "23rem",
+							maxHeight: "23rem",
 							padding: "12px",
 							overflowX: "hidden",
 						}}
diff --git a/apps/web/components/views/connections-tab-content.tsx b/apps/web/components/views/connections-tab-content.tsx
index 642cd174..48ab0452 100644
--- a/apps/web/components/views/connections-tab-content.tsx
+++ b/apps/web/components/views/connections-tab-content.tsx
@@ -213,7 +213,7 @@ export function ConnectionsTabContent() {
 						sync your documents.
 					</p>
 					<Button
-						className="bg-yellow-500/20 text-black-400 hover:bg-yellow-500/30 dark:text-yellow-400 border-yellow-500/30"
+						className="bg-yellow-500/20 text-black-400 hover:bg-yellow-500/30 dark:text-yellow-400 border-yellow-500/30 cursor-pointer"
 						onClick={handleUpgrade}
 						size="sm"
 						variant="secondary"
@@ -280,7 +280,7 @@ export function ConnectionsTabContent() {
 									whileTap={{ scale: 0.9 }}
 								>
 									<Button
-										className="text-foreground/50 hover:text-red-400"
+										className="text-foreground/50 hover:text-red-400 cursor-pointer"
 										disabled={deleteConnectionMutation.isPending}
 										onClick={() =>
 											deleteConnectionMutation.mutate(connection.id)
@@ -311,7 +311,7 @@ export function ConnectionsTabContent() {
 								transition={{ delay: index * 0.05 }}
 							>
 								<Button
-									className="justify-start h-auto p-4 bg-foreground/5 hover:bg-foreground/10 border-foreground/10 w-full"
+									className="justify-start h-auto p-4 bg-foreground/5 hover:bg-foreground/10 border-foreground/10 w-full cursor-pointer"
 									disabled={addConnectionMutation.isPending}
 									onClick={() => {
 										addConnectionMutation.mutate(provider as ConnectorProvider)
diff --git a/packages/ui/components/shadcn-io/dropzone.tsx b/packages/ui/components/shadcn-io/dropzone.tsx
index a93bd612..4d78d907 100644
--- a/packages/ui/components/shadcn-io/dropzone.tsx
+++ b/packages/ui/components/shadcn-io/dropzone.tsx
@@ -83,7 +83,7 @@ export const Dropzone = ({
 		>
 			<Button
 				className={cn(
-					"relative h-auto w-full flex-col overflow-hidden p-8",
+					"relative h-auto w-full flex-col overflow-hidden p-8 cursor-pointer",
 					isDragActive && "outline-none ring-1 ring-ring",
 					className,
 				)}