feat: Add pm

toju-app/src/app/domains/theme/domain/logic/theme-defaults.logic.ts

@@ -98,6 +98,30 @@ function createDefaultLayout(): Record<string, ThemeLayoutEntry> {
           w: 4,
           h: 12 }
       };
+
+      continue;
+    }
+
+    if (key === 'dmConversationsPanel') {
+      layoutEntries[key] = {
+        container: 'roomLayout',
+        grid: { x: 0,
+          y: 0,
+          w: 4,
+          h: 12 }
+      };
+
+      continue;
+    }
+
+    if (key === 'dmChatPanel') {
+      layoutEntries[key] = {
+        container: 'roomLayout',
+        grid: { x: 4,
+          y: 0,
+          w: 16,
+          h: 12 }
+      };
     }
   }
 
@@ -163,6 +187,14 @@ function createDarkDefaultElements(): Record<string, ThemeElementStyles> {
     backdropFilter: 'var(--theme-effect-glass-blur)'
   };
 
+  elements['dmConversationsPanel'] = {
+    ...elements['chatRoomChannelsPanel']
+  };
+
+  elements['dmChatPanel'] = {
+    ...elements['chatRoomMainPanel']
+  };
+
   elements['chatRoomEmptyState'] = {
     backgroundColor: 'hsl(var(--panel-background-alt) / 0.88)',
     color: 'hsl(var(--muted-foreground))',

toju-app/src/app/domains/theme/domain/logic/theme-registry.logic.ts

@@ -102,6 +102,30 @@ export const THEME_REGISTRY: readonly ThemeRegistryEntry[] = [
     supportsLink: false,
     supportsIcon: false
   },
+  {
+    key: 'dmConversationsPanel',
+    label: 'DM Conversations Panel',
+    description: 'The direct-message sidebar showing private chat conversations.',
+    category: 'room',
+    container: 'roomLayout',
+    layoutEditable: true,
+    pickerVisible: true,
+    supportsTextOverride: false,
+    supportsLink: false,
+    supportsIcon: false
+  },
+  {
+    key: 'dmChatPanel',
+    label: 'DM Chat Panel',
+    description: 'The main direct-message panel that hosts private chat messages.',
+    category: 'room',
+    container: 'roomLayout',
+    layoutEditable: true,
+    pickerVisible: true,
+    supportsTextOverride: false,
+    supportsLink: false,
+    supportsIcon: false
+  },
   {
     key: 'chatRoomEmptyState',
     label: 'Room Empty State',