From b3051c25cdfac554296fe13870210a1cc0e6a933 Mon Sep 17 00:00:00 2001
From: Jannis Braun <151788261+TheZwiss@users.noreply.github.com>
Date: Sun, 22 Mar 2026 23:39:15 +0100
Subject: [PATCH] feat: add lonely Nori mascot to empty Explore page

---
 packages/web/src/components/chat/ExplorePage.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/web/src/components/chat/ExplorePage.tsx b/packages/web/src/components/chat/ExplorePage.tsx
index 17f08546..155f7ee5 100644
--- a/packages/web/src/components/chat/ExplorePage.tsx
+++ b/packages/web/src/components/chat/ExplorePage.tsx
@@ -3,6 +3,7 @@ import { useNavigate } from 'react-router-dom';
 import { useExploreStore, type TaggedExploreSpace } from '../../stores/exploreStore';
 import { useSpaceStore } from '../../stores/spaceStore';
 import { LoadingSpinner } from '../ui/LoadingSpinner';
+import { Mascot } from '../ui/Mascot';
 import { getSpaceGradient } from '../../utils/gradients';
 import { extractDominantColors, colorsToGradient } from '../../utils/colorExtractor';
 import { MemberListToggleButton } from '../layout/MemberListToggleButton';
@@ -120,14 +121,12 @@ export function ExplorePage() {
           </div>
         ) : !hasAnySpaces ? (
           /* True empty state — no discoverable spaces at all */
-          <div className="flex flex-col items-center justify-center h-64 opacity-60">
-            <svg width="48" height="48" viewBox="0 0 24 24" fill="currentColor" className="text-txt-tertiary mb-3">
-              <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z" />
-            </svg>
+          <div className="flex flex-col items-center justify-center h-64 opacity-80">
+            <Mascot state="lonely" className="w-32 h-32 mb-3" />
             <p className="text-txt-tertiary text-sm">
               {searchQuery
                 ? 'No spaces match your search.'
-                : 'No spaces have been made discoverable yet.'}
+                : 'No discoverable spaces yet.'}
             </p>
           </div>
         ) : (