Fix private calls

toju-app/src/app/domains/direct-message/feature/dm-workspace/dm-conversations-panel.component.ts

@@ -0,0 +1,38 @@
+/* eslint-disable @typescript-eslint/member-ordering */
+import {
+  Component,
+  computed,
+  inject
+} from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucideMessageCircle } from '@ng-icons/lucide';
+import { ThemeNodeDirective, ThemeService } from '../../../theme';
+import { VoiceControlsComponent } from '../../../voice-session';
+import type { DirectMessageConversation } from '../../domain/models/direct-message.model';
+import { DirectMessageService } from '../../application/services/direct-message.service';
+import { DmConversationItemComponent } from './dm-conversation-item.component';
+
+@Component({
+  selector: 'app-dm-conversations-panel',
+  standalone: true,
+  imports: [
+    CommonModule,
+    DmConversationItemComponent,
+    NgIcon,
+    ThemeNodeDirective,
+    VoiceControlsComponent
+  ],
+  viewProviders: [provideIcons({ lucideMessageCircle })],
+  host: { class: 'contents' },
+  templateUrl: './dm-conversations-panel.component.html'
+})
+export class DmConversationsPanelComponent {
+  private readonly theme = inject(ThemeService);
+  readonly directMessages = inject(DirectMessageService);
+  readonly listPanelStyles = computed(() => this.theme.getLayoutItemStyles('dmConversationsPanel'));
+
+  trackConversationId(index: number, conversation: DirectMessageConversation): string {
+    return conversation.id;
+  }
+}