feat: Add pm

toju-app/src/app/features/shell/title-bar/title-bar.component.html

@@ -1,3 +1,4 @@
+<!-- eslint-disable @angular-eslint/template/cyclomatic-complexity -->
 <div
   appThemeNode="titleBar"
   class="relative z-50 flex h-10 w-full items-center justify-between border-b border-border bg-card px-4 select-none"
@@ -55,7 +56,7 @@
           {{ roomContextMeta() }}
         </span>
       }
-    } @else {
+    } @else if (!isInDirectMessage()) {
       <div class="flex items-center gap-2 min-w-0">
         <span
           data-theme-slot="text"

toju-app/src/app/features/shell/title-bar/title-bar.component.ts

@@ -18,7 +18,9 @@ import {
   lucideMenu,
   lucideRefreshCw
 } from '@ng-icons/lucide';
-import { Router } from '@angular/router';
+import { NavigationEnd, Router } from '@angular/router';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { filter, map } from 'rxjs';
 import {
   selectCurrentRoom,
   selectActiveChannelId,
@@ -93,7 +95,14 @@ export class TitleBarComponent {
   isVoiceWorkspaceExpanded = this.voiceWorkspace.isExpanded;
   isSignalServerReconnecting = this.store.selectSignal(selectIsSignalServerReconnecting);
   signalServerCompatibilityError = this.store.selectSignal(selectSignalServerCompatibilityError);
-  inRoom = computed(() => !!this.currentRoom());
+  isInDirectMessage = toSignal(
+    this.router.events.pipe(
+      filter((navigationEvent): navigationEvent is NavigationEnd => navigationEvent instanceof NavigationEnd),
+      map((navigationEvent) => navigationEvent.urlAfterRedirects.startsWith('/dm/'))
+    ),
+    { initialValue: this.router.url.startsWith('/dm/') }
+  );
+  inRoom = computed(() => !!this.currentRoom() && !this.isInDirectMessage());
   roomName = computed(() => this.currentRoom()?.name || '');
   activeTextChannelName = computed(() => {
     const textChannels = this.textChannels();