feat: plugins v1

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

@@ -135,6 +135,9 @@
               @case ('general') {
                 General
               }
+              @case ('plugins') {
+                Plugins
+              }
               @case ('network') {
                 Network
               }
@@ -193,6 +196,9 @@
             @case ('general') {
               <app-general-settings />
             }
+            @case ('plugins') {
+              <app-plugin-manager (closed)="navigate('general')" />
+            }
             @case ('network') {
               <app-network-settings />
             }

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

@@ -21,6 +21,7 @@ import {
   lucideGlobe,
   lucideAudioLines,
   lucidePalette,
+  lucidePackage,
   lucideSettings,
   lucideUsers,
   lucideBan,
@@ -33,6 +34,7 @@ import { selectSavedRooms, selectCurrentRoom } from '../../../store/rooms/rooms.
 import { selectCurrentUser } from '../../../store/users/users.selectors';
 import { Room, UserRole } from '../../../shared-kernel';
 import { NotificationsSettingsComponent } from '../../../domains/notifications';
+import { PluginManagerComponent } from '../../../domains/plugins/feature/plugin-manager/plugin-manager.component';
 import { resolveLegacyRole, resolveRoomPermission } from '../../../domains/access-control';
 
 import { GeneralSettingsComponent } from './general-settings/general-settings.component';
@@ -62,6 +64,7 @@ import {
     GeneralSettingsComponent,
     NetworkSettingsComponent,
     NotificationsSettingsComponent,
+    PluginManagerComponent,
     VoiceSettingsComponent,
     UpdatesSettingsComponent,
     DataSettingsComponent,
@@ -81,6 +84,7 @@ import {
       lucideGlobe,
       lucideAudioLines,
       lucidePalette,
+      lucidePackage,
       lucideSettings,
       lucideUsers,
       lucideBan,
@@ -117,6 +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: 'theme', label: 'Theme Studio', icon: 'lucidePalette' },
     { id: 'network', label: 'Network', icon: 'lucideGlobe' },
     { id: 'notifications', label: 'Notifications', icon: 'lucideBell' },