feat: plugins v1.5

toju-app/src/app/features/settings/settings-modal/settings-modal.component.ts

@@ -121,7 +121,7 @@ export class SettingsModalComponent {
 
   readonly globalPages: { id: SettingsPage; label: string; icon: string }[] = [
     { id: 'general', label: 'General', icon: 'lucideSettings' },
-    { id: 'plugins', label: 'Plugins', icon: 'lucidePackage' },
+    { id: 'plugins', label: 'Client plugins', icon: 'lucidePackage' },
     { id: 'theme', label: 'Theme Studio', icon: 'lucidePalette' },
     { id: 'network', label: 'Network', icon: 'lucideGlobe' },
     { id: 'notifications', label: 'Notifications', icon: 'lucideBell' },
@@ -132,6 +132,7 @@ export class SettingsModalComponent {
   ];
   readonly serverPages: { id: SettingsPage; label: string; icon: string }[] = [
     { id: 'server', label: 'Server', icon: 'lucideSettings' },
+    { id: 'serverPlugins', label: 'Server plugins', icon: 'lucidePackage' },
     { id: 'members', label: 'Members', icon: 'lucideUsers' },
     { id: 'bans', label: 'Bans', icon: 'lucideBan' },
     { id: 'permissions', label: 'Permissions', icon: 'lucideShield' }
@@ -143,8 +144,15 @@ export class SettingsModalComponent {
     if (!user)
       return [];
 
-    return this.savedRooms().filter((room) => {
-      const viewedRoom = this.currentRoom()?.id === room.id ? (this.currentRoom() ?? room) : room;
+    const roomsById = new Map(this.savedRooms().map((room) => [room.id, room]));
+    const currentRoom = this.currentRoom();
+
+    if (currentRoom) {
+      roomsById.set(currentRoom.id, currentRoom);
+    }
+
+    return Array.from(roomsById.values()).filter((room) => {
+      const viewedRoom = currentRoom?.id === room.id ? currentRoom : room;
       const role = resolveLegacyRole(viewedRoom, user);
 
       return (
@@ -162,11 +170,12 @@ export class SettingsModalComponent {
   selectedServerId = signal<string | null>(null);
   selectedServer = computed<Room | null>(() => {
     const id = this.selectedServerId();
+    const currentRoom = this.currentRoom();
 
     if (!id)
       return null;
 
-    return this.manageableRooms().find((room) => room.id === id) ?? null;
+    return currentRoom?.id === id ? currentRoom : (this.manageableRooms().find((room) => room.id === id) ?? null);
   });
 
   showServerTabs = computed(() => {
@@ -238,6 +247,13 @@ export class SettingsModalComponent {
     return this.selectedServerRole() === 'host';
   });
 
+  isSelectedServerCurrent = computed(() => {
+    const selectedServerId = this.selectedServerId();
+    const currentRoomId = this.currentRoom()?.id ?? null;
+
+    return !!selectedServerId && selectedServerId === currentRoomId;
+  });
+
   animating = signal(false);
   showThirdPartyLicenses = signal(false);