feat(dashboard): Add Agents page, early access endpoint, and update navigation

apps/api/src/app/support/dtos/agents-early-access.dto.ts

@@ -0,0 +1,39 @@
+import { Type } from 'class-transformer';
+import { IsArray, IsDefined, IsString, ValidateNested } from 'class-validator';
+
+export class HowAgentRunsTodayDto {
+  @IsDefined()
+  @IsString()
+  value: string;
+
+  @IsDefined()
+  @IsString()
+  label: string;
+}
+
+export class PlannedProviderDto {
+  @IsDefined()
+  @IsString()
+  id: string;
+
+  @IsDefined()
+  @IsString()
+  label: string;
+}
+
+export class AgentsEarlyAccessDto {
+  @IsDefined()
+  @ValidateNested()
+  @Type(() => HowAgentRunsTodayDto)
+  howAgentRunsToday: HowAgentRunsTodayDto;
+
+  @IsDefined()
+  @IsArray()
+  @ValidateNested({ each: true })
+  @Type(() => PlannedProviderDto)
+  plannedProviders: PlannedProviderDto[];
+
+  @IsDefined()
+  @IsString()
+  whatAgentDoes: string;
+}

apps/api/src/app/support/support.controller.ts

@@ -1,9 +1,11 @@
 import { Body, Controller, Post, UseGuards } from '@nestjs/common';
 import { ApiExcludeController } from '@nestjs/swagger';
 import { Novu } from '@novu/api';
-import { UserSession } from '@novu/application-generic';
+import { PinoLogger, UserSession } from '@novu/application-generic';
+import { OrganizationRepository } from '@novu/dal';
 import { UserSessionData } from '@novu/shared';
 import { RequireAuthentication } from '../auth/framework/auth.decorator';
+import { AgentsEarlyAccessDto } from './dtos/agents-early-access.dto';
 import { CreateSupportThreadDto } from './dtos/create-thread.dto';
 import { PlainCardRequestDto } from './dtos/plain-card.dto';
 import { PlainCardsGuard } from './guards/plain-cards.guard';
@@ -16,15 +18,62 @@ import { PlainCardsCommand } from './usecases/plain-cards.command';
 export class SupportController {
   constructor(
     private createSupportThreadUsecase: CreateSupportThreadUsecase,
+    private organizationRepository: OrganizationRepository,
+    private logger: PinoLogger,
     private plainCardsUsecase: PlainCardsUsecase
-  ) {}
+  ) {
+    this.logger.setContext(SupportController.name);
+  }
 
   @UseGuards(PlainCardsGuard)
   @Post('customer-details')
   async fetchUserOrganizations(@Body() body: PlainCardRequestDto) {
     return this.plainCardsUsecase.fetchCustomerDetails(PlainCardsCommand.create({ ...body }));
   }
 
+  @RequireAuthentication()
+  @Post('agents-early-access')
+  async submitAgentsEarlyAccess(@Body() body: AgentsEarlyAccessDto, @UserSession() user: UserSessionData) {
+    const organization = await this.organizationRepository.findById(user.organizationId);
+    const organizationName = organization?.name ?? '';
+
+    const secretKey = process.env.NOVU_SECRET_KEY;
+
+    if (!secretKey) {
+      this.logger.warn('NOVU_SECRET_KEY is not set; skipping early-access-request-agents-internal-email trigger');
+
+      return {
+        success: true,
+      };
+    }
+
+    const novu = new Novu({
+      security: {
+        secretKey,
+      },
+    });
+
+    await novu.trigger({
+      workflowId: 'early-access-request-agents-internal-email',
+      to: {
+        subscriberId: 'dima-internal',
+        email: 'dima@novu.co',
+      },
+      payload: {
+        howAgentRunsToday: body.howAgentRunsToday.label,
+        whatAgentDoes: body.whatAgentDoes,
+        plannedProviders: body.plannedProviders.map((p) => p.label),
+        organizationId: user.organizationId,
+        organizationName,
+        userEmail: user.email ?? '',
+      },
+    });
+
+    return {
+      success: true,
+    };
+  }
+
   @RequireAuthentication()
   @Post('create-thread')
   async createThread(@Body() body: CreateSupportThreadDto, @UserSession() user: UserSessionData) {

apps/dashboard/src/components/side-navigation/side-navigation.tsx

@@ -10,6 +10,7 @@ import {
   RiKey2Line,
   RiLayout5Line,
   RiLineChartLine,
+  RiRobot2Line,
   RiRouteFill,
   RiSettings4Line,
   RiSignalTowerLine,
@@ -125,6 +126,19 @@ export const SideNavigation = () => {
                 </NavigationLink>
               </Protect>
 
+              <NavigationLink
+                to={
+                  currentEnvironment?.slug
+                    ? buildRoute(ROUTES.AGENTS, { environmentSlug: currentEnvironment?.slug ?? '' })
+                    : undefined
+                }
+              >
+                <RiRobot2Line className="size-4" />
+                <span>Agents</span>
+              </NavigationLink>
+            </NavigationGroup>
+
+            <NavigationGroup label="Content">
               <Protect permission={PermissionsEnum.WORKFLOW_READ}>
                 <NavigationLink
                   to={

apps/dashboard/src/main.tsx

@@ -62,6 +62,7 @@ import { ResetPasswordPage } from './pages/reset-password';
 import { TestWorkflowDrawerPage } from './pages/test-workflow-drawer-page';
 import { TestWorkflowRouteHandler } from './pages/test-workflow-route-handler';
 import { TopicsPage } from './pages/topics';
+import { AgentsPage } from './pages/agents';
 import { UpsertVariablePage } from './pages/upsert-variable';
 import { VariablesPage } from './pages/variables';
 import { VercelIntegrationPage } from './pages/vercel-integration-page';
@@ -349,6 +350,10 @@ const router = createBrowserRouter([
                   },
                 ],
               },
+              {
+                path: ROUTES.AGENTS,
+                element: <AgentsPage />,
+              },
               {
                 path: ROUTES.API_KEYS,
                 element: (