Replace aggressive dialog with friendly empty state for new users

surfsense_web/app/dashboard/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useAtomValue } from "jotai";
-import { AlertCircle, Loader2 } from "lucide-react";
+import { AlertCircle, Loader2, Plus, Search } from "lucide-react";
 import { motion } from "motion/react";
 import { useRouter } from "next/navigation";
 import { useTranslations } from "next-intl";
@@ -88,6 +88,37 @@ function ErrorScreen({ message }: { message: string }) {
 	);
 }
 
+function EmptyState({ onCreateClick }: { onCreateClick: () => void }) {
+	const t = useTranslations("searchSpace");
+
+	return (
+		<div className="flex min-h-screen flex-col items-center justify-center gap-4 p-4">
+			<motion.div
+				initial={{ opacity: 0, y: 20 }}
+				animate={{ opacity: 1, y: 0 }}
+				transition={{ duration: 0.5 }}
+				className="flex flex-col items-center gap-6 text-center"
+			>
+				<div className="flex h-20 w-20 items-center justify-center rounded-full bg-primary/10">
+					<Search className="h-10 w-10 text-primary" />
+				</div>
+
+				<div className="flex flex-col gap-2">
+					<h1 className="text-2xl font-bold">{t("welcome_title")}</h1>
+					<p className="max-w-md text-muted-foreground">
+						{t("welcome_description")}
+					</p>
+				</div>
+
+				<Button size="lg" onClick={onCreateClick} className="gap-2">
+					<Plus className="h-5 w-5" />
+					{t("create_first_button")}
+				</Button>
+			</motion.div>
+		</div>
+	);
+}
+
 export default function DashboardPage() {
 	const router = useRouter();
 	const [showCreateDialog, setShowCreateDialog] = useState(false);
@@ -101,17 +132,11 @@ export default function DashboardPage() {
 	useEffect(() => {
 		if (isLoading) return;
 
-		if (searchSpaces.length === 0) {
-			setShowCreateDialog(true);
-		} else {
+		if (searchSpaces.length > 0) {
 			router.replace(`/dashboard/${searchSpaces[0].id}/new-chat`);
 		}
 	}, [isLoading, searchSpaces, router]);
 
-	const handleDialogChange = (open: boolean) => {
-		setShowCreateDialog(open);
-	};
-
 	if (isLoading) return <LoadingScreen />;
 	if (error) return <ErrorScreen message={error?.message || "Failed to load search spaces"} />;
 
@@ -120,8 +145,9 @@ export default function DashboardPage() {
 	}
 
 	return (
-		<div className="flex min-h-screen flex-col items-center justify-center">
-			<CreateSearchSpaceDialog open={showCreateDialog} onOpenChange={handleDialogChange} />
-		</div>
+		<>
+			<EmptyState onCreateClick={() => setShowCreateDialog(true)} />
+			<CreateSearchSpaceDialog open={showCreateDialog} onOpenChange={setShowCreateDialog} />
+		</>
 	);
 }

surfsense_web/messages/en.json

@@ -96,7 +96,10 @@
 		"members_count": "{count, plural, =1 {1 member} other {# members}}",
 		"create_new_search_space": "Create new search space",
 		"delete_title": "Delete Search Space",
-		"delete_confirm": "Are you sure you want to delete \"{name}\"? This action cannot be undone and will permanently remove all data."
+		"delete_confirm": "Are you sure you want to delete \"{name}\"? This action cannot be undone and will permanently remove all data.",
+		"welcome_title": "Welcome to SurfSense",
+		"welcome_description": "Create your first search space to start organizing your knowledge, connecting sources, and chatting with AI.",
+		"create_first_button": "Create your first search space"
 	},
 	"dashboard": {
 		"title": "Dashboard",

surfsense_web/messages/zh.json

@@ -96,7 +96,10 @@
 		"members_count": "{count, plural, other {# 位成员}}",
 		"create_new_search_space": "创建新的搜索空间",
 		"delete_title": "删除搜索空间",
-		"delete_confirm": "您确定要删除「{name}」吗？此操作无法撤销，将永久删除所有数据。"
+		"delete_confirm": "您确定要删除「{name}」吗？此操作无法撤销，将永久删除所有数据。",
+		"welcome_title": "欢迎使用 SurfSense",
+		"welcome_description": "创建您的第一个搜索空间，开始组织知识、连接数据源并与AI对话。",
+		"create_first_button": "创建第一个搜索空间"
 	},
 	"dashboard": {
 		"title": "仪表盘",