From 4e23cb5bf909bf112f1dcd1131a1d8eff15f4efe Mon Sep 17 00:00:00 2001
From: Jannis Braun <151788261+TheZwiss@users.noreply.github.com>
Date: Sun, 22 Mar 2026 23:39:13 +0100
Subject: [PATCH] feat: add sleeping Nori mascot to empty DM sidebar

---
 packages/web/src/components/layout/ChannelSidebar.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/components/layout/ChannelSidebar.tsx b/packages/web/src/components/layout/ChannelSidebar.tsx
index fd880a84..caba7df2 100644
--- a/packages/web/src/components/layout/ChannelSidebar.tsx
+++ b/packages/web/src/components/layout/ChannelSidebar.tsx
@@ -10,6 +10,7 @@ import { VoiceChannel } from '../voice/VoiceChannel';
 import { VoiceControls } from '../voice/VoiceControls';
 import { useVoiceStore } from '../../stores/voiceStore';
 import { Avatar } from '../ui/Avatar';
+import { Mascot } from '../ui/Mascot';
 import { Username } from '../ui/Username';
 import { wsSend } from '../../hooks/useWebSocket';
 import { AudioManager } from '../../audio/AudioManager';
@@ -581,7 +582,10 @@ export function ChannelSidebar() {
               return dmItem;
             })}
             {dmChannels.length === 0 && (
-              <p className="px-2 py-4 text-[13px] text-txt-tertiary italic opacity-60">No DM conversations yet.</p>
+              <div className="flex flex-col items-center py-6 opacity-80">
+                <Mascot state="sleeping" className="w-20 h-20 mb-2" />
+                <p className="text-[13px] text-txt-tertiary">No conversations yet.</p>
+              </div>
             )}
           </div>
         </div>