feat: Add slashcommand api

toju-app/src/app/domains/direct-message/feature/dm-chat/dm-chat.component.html

@@ -111,6 +111,7 @@
         [klipyEnabled]="klipyEnabled()"
         [klipySignalSource]="null"
         [textareaTestId]="'dm-input'"
+        [commandSurface]="'direct'"
         (messageSubmitted)="handleMessageSubmitted($event)"
         (typingStarted)="handleTypingStarted()"
         (replyCleared)="clearReply()"

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

@@ -19,7 +19,7 @@ import { DmChatComponent } from '../dm-chat/dm-chat.component';
   templateUrl: './dm-chat-panel.component.html'
 })
 export class DmChatPanelComponent {
-  private readonly theme = inject(ThemeService);
-
   readonly chatPanelStyles = computed(() => this.theme.getLayoutItemStyles('dmChatPanel'));
+
+  private readonly theme = inject(ThemeService);
 }

toju-app/src/app/domains/direct-message/feature/find-people/find-people.component.spec.ts

@@ -40,10 +40,7 @@ function createHarness(options: HarnessOptions = {}) {
     dispatch: vi.fn()
   } as unknown as Store;
   const injector = Injector.create({
-    providers: [
-      FindPeopleComponent,
-      { provide: Store, useValue: store }
-    ]
+    providers: [FindPeopleComponent, { provide: Store, useValue: store }]
   });
   const component = runInInjectionContext(injector, () => injector.get(FindPeopleComponent));