feat(api): add count endpoints for meetings and committees in dashboards (#106)

* perf(api): optimize meeting and committee count queries

Replace inefficient full resource fetching with dedicated count endpoints
for project metrics. This improves performance by avoiding unnecessary
data transfer when only counts are needed.

- Add getMeetingsCount() method to meeting service
- Add getCommitteesCount() method to committee service
- Add QueryServiceCountResponse interface for count API responses
- Update project controller to use count methods instead of fetching arrays
- Remove TODO comments as optimization is now implemented

🤖 Generated with [Claude Code](https://claude.ai/code)

Signed-off-by: Andres Tobon <andrest2455@gmail.com>

* feat(api): add count endpoints for meetings and committees in dashboards

Replace inefficient array fetching with dedicated count endpoints across
multiple dashboard components to improve performance and reduce bandwidth usage.

Frontend changes:
- Add getMeetingsCountByProject() and getCommitteesCountByProject() methods to services
- Update project dashboard to use count endpoints for total statistics
- Update meetings dashboard to use count endpoint for total meetings display
- Update committees dashboard to use count endpoint for total committees display

Backend changes:
- Add /api/meetings/count and /api/committees/count endpoints
- Add getMeetingsCount() and getCommitteesCount() controller methods
- Utilize existing optimized count service methods

Performance improvements:
- Reduced bandwidth by fetching counts instead of full resource arrays
- Better scalability as performance no longer degrades with resource growth
- Faster loading times for dashboard statistics

🤖 Generated with [Claude Code](https://claude.ai/code)

Signed-off-by: Andres Tobon <andrest2455@gmail.com>

* refactor(services): replace switchMap with map for synchronous property extraction

Replace unnecessary switchMap + of pattern with map for extracting count
property from HTTP responses in meeting and committee services.

Changes:
- meetingService.getMeetingsCountByProject(): use map instead of switchMap + of
- committeeService.getCommitteesCountByProject(): use map instead of switchMap + of

This follows RxJS best practices where map should be used for synchronous
transformations and switchMap only when flattening observables.

🤖 Generated with [Claude Code](https://claude.ai/code)

Signed-off-by: Andres Tobon <andrest2455@gmail.com>

* refactor(types): improve type safety and signal optimization in count services

- Use QueryServiceCountResponse interface for better type safety in count endpoints
- Remove unnecessary computed() wrapper for totalCommittees signal
- Add proper interface imports for count response types

This ensures consistent typing across count endpoints and eliminates redundant
signal wrapping where direct signal assignment is sufficient.

🤖 Generated with [Claude Code](https://claude.ai/code)

Signed-off-by: Andres Tobon <andrest2455@gmail.com>

---------

Signed-off-by: Andres Tobon <andrest2455@gmail.com>

Author: andrest50

apps/lfx-one/src/app/modules/project/committees/committee-dashboard/committee-dashboard.component.ts

@@ -71,7 +71,7 @@ export class CommitteeDashboardComponent {
   private dialogRef: DynamicDialogRef | undefined;
 
   // Statistics calculations
-  public totalCommittees: Signal<number> = computed(() => this.committees().length);
+  public totalCommittees: Signal<number>;
   public publicCommittees: Signal<number> = computed(() => this.committees().filter((c) => c.public).length);
   public activeVoting: Signal<number> = computed(() => this.committees().filter((c) => c.enable_voting).length);
 
@@ -85,6 +85,7 @@ export class CommitteeDashboardComponent {
     this.committeesLoading = signal<boolean>(true);
     this.refresh = new BehaviorSubject<void>(undefined);
     this.committees = this.initializeCommittees();
+    this.totalCommittees = this.initializeCommitteesCount();
     this.searchForm = this.initializeSearchForm();
     this.categoryFilter = signal<string | null>(null);
     this.votingStatusFilter = signal<string | null>(null);
@@ -259,6 +260,12 @@ export class CommitteeDashboardComponent {
     );
   }
 
+  private initializeCommitteesCount(): Signal<number> {
+    return toSignal(this.project() ? this.refresh.pipe(switchMap(() => this.committeeService.getCommitteesCountByProject(this.project()!.uid))) : of(0), {
+      initialValue: 0,
+    });
+  }
+
   private initializeCategories(): Signal<{ label: string; value: string | null }[]> {
     return computed(() => {
       const committeesData = this.committees();

apps/lfx-one/src/app/modules/project/dashboard/project-dashboard/project.component.ts

@@ -41,6 +41,8 @@ export class ProjectComponent {
   // Signals to hold data
   public allCommittees: Signal<Committee[]> = signal([]);
   public allMeetings: Signal<Meeting[]> = signal([]);
+  public meetingsCount: Signal<number> = signal(0);
+  public committeesCount: Signal<number> = signal(0);
   public committeesLoading: WritableSignal<boolean> = signal(true);
   public meetingsLoading: WritableSignal<boolean> = signal(true);
 
@@ -86,6 +88,8 @@ export class ProjectComponent {
     // Initialize data signals
     this.allCommittees = this.initializeAllCommittees();
     this.allMeetings = this.initializeAllMeetings();
+    this.meetingsCount = this.initializeMeetingsCount();
+    this.committeesCount = this.initializeCommitteesCount();
     this.recentActivity = this.initializeRecentActivity();
 
     // Initialize computed signals
@@ -170,6 +174,44 @@ export class ProjectComponent {
     );
   }
 
+  private initializeMeetingsCount(): Signal<number> {
+    return toSignal(
+      this.projectService.project$.pipe(
+        switchMap((project) => {
+          if (!project?.uid) {
+            return of(0);
+          }
+          return this.meetingService.getMeetingsCountByProject(project.uid).pipe(
+            catchError((error) => {
+              console.error('Error loading meetings count:', error);
+              return of(0);
+            })
+          );
+        })
+      ),
+      { initialValue: 0 }
+    );
+  }
+
+  private initializeCommitteesCount(): Signal<number> {
+    return toSignal(
+      this.projectService.project$.pipe(
+        switchMap((project) => {
+          if (!project?.uid) {
+            return of(0);
+          }
+          return this.committeeService.getCommitteesCountByProject(project.uid).pipe(
+            catchError((error) => {
+              console.error('Error loading committees count:', error);
+              return of(0);
+            })
+          );
+        })
+      ),
+      { initialValue: 0 }
+    );
+  }
+
   private initializeRecentActivity(): Signal<RecentActivity[]> {
     return toSignal(
       this.projectService.project$.pipe(
@@ -277,20 +319,24 @@ export class ProjectComponent {
     return computed(() => {
       const committees = this.allCommittees();
       const meetings = this.allMeetings();
+      const meetingsCount = this.meetingsCount();
+      const committeesCount = this.committeesCount();
       const now = new Date();
 
       // Calculate total members from all committees
+      // TODO: Get this from the query service once committee members can be filted by project
       const totalMembers = committees.reduce((sum, committee) => sum + (committee.total_members || 0), 0);
 
       // Calculate meeting statistics
+      // TODO: Get this from the query service once the query service supports getting counts by a field date range
       const upcomingMeetingsCount = meetings.filter((m) => m.start_time && new Date(m.start_time) >= now).length;
       const publicMeetings = meetings.filter((m) => m.visibility === 'public').length;
       const privateMeetings = meetings.filter((m) => m.visibility === 'private').length;
 
       return {
         totalMembers,
-        totalCommittees: committees.length,
-        totalMeetings: meetings.length,
+        totalCommittees: committeesCount,
+        totalMeetings: meetingsCount,
         upcomingMeetings: upcomingMeetingsCount,
         publicMeetings,
         privateMeetings,

apps/lfx-one/src/app/modules/project/meetings/meeting-dashboard/meeting-dashboard.component.html

@@ -142,7 +142,7 @@ <h3 class="text-lg font-medium text-gray-900 mb-2">No Meetings Yet</h3>
               <div class="flex flex-col gap-3">
                 <div class="flex justify-between items-center">
                   <span class="text-sm font-sans text-gray-600">Total Meetings</span>
-                  <span class="text-base font-display font-semibold text-gray-900">{{ meetings().length }}</span>
+                  <span class="text-base font-display font-semibold text-gray-900">{{ meetingsCount() }}</span>
                 </div>
                 <div class="flex justify-between items-center">
                   <span class="text-sm font-sans text-gray-600">Public</span>

apps/lfx-one/src/app/modules/project/meetings/meeting-dashboard/meeting-dashboard.component.ts

@@ -55,6 +55,7 @@ export class MeetingDashboardComponent {
   public committeeFilter: WritableSignal<string | null>;
   public meetingsLoading: WritableSignal<boolean>;
   public meetings: Signal<Meeting[]>;
+  public meetingsCount: Signal<number>;
   public upcomingMeetings: Signal<(MeetingOccurrence & { meeting: Meeting })[]>;
   public pastMeetingsLoading: WritableSignal<boolean>;
   public pastMeetings: Signal<PastMeeting[]>;
@@ -79,6 +80,7 @@ export class MeetingDashboardComponent {
     this.pastMeetingsLoading = signal<boolean>(true);
     this.refresh = new BehaviorSubject<void>(undefined);
     this.meetings = this.initializeMeetings();
+    this.meetingsCount = this.initializeMeetingsCount();
     this.upcomingMeetings = this.initializeUpcomingMeetings();
     this.pastMeetings = this.initializePastMeetings();
     this.searchForm = this.initializeSearchForm();
@@ -181,6 +183,12 @@ export class MeetingDashboardComponent {
     );
   }
 
+  private initializeMeetingsCount(): Signal<number> {
+    return toSignal(this.project() ? this.refresh.pipe(switchMap(() => this.meetingService.getMeetingsCountByProject(this.project()!.uid))) : of(0), {
+      initialValue: 0,
+    });
+  }
+
   private initializeUpcomingMeetings(): Signal<(MeetingOccurrence & { meeting: Meeting })[]> {
     return computed(() => {
       return this.meetings().flatMap((m) => m.occurrences.map((o) => ({ ...o, meeting: m })));

apps/lfx-one/src/app/shared/services/committee.service.ts

@@ -3,8 +3,8 @@
 
 import { HttpClient, HttpParams } from '@angular/common/http';
 import { inject, Injectable, signal, WritableSignal } from '@angular/core';
-import { Committee, CommitteeMember, CreateCommitteeMemberRequest } from '@lfx-one/shared/interfaces';
-import { catchError, Observable, of, take, tap, throwError } from 'rxjs';
+import { Committee, CommitteeMember, CreateCommitteeMemberRequest, QueryServiceCountResponse } from '@lfx-one/shared/interfaces';
+import { catchError, Observable, of, map, take, tap, throwError } from 'rxjs';
 
 @Injectable({
   providedIn: 'root',
@@ -29,6 +29,19 @@ export class CommitteeService {
     return this.getCommittees(params);
   }
 
+  public getCommitteesCountByProject(projectId: string): Observable<number> {
+    const params = new HttpParams().set('tags', `project_uid:${projectId}`);
+    return this.http
+      .get<QueryServiceCountResponse>('/api/committees/count', { params })
+      .pipe(
+        catchError((error) => {
+          console.error('Failed to load committees count:', error);
+          return of({ count: 0 });
+        })
+      )
+      .pipe(map((response) => response.count));
+  }
+
   public getRecentCommitteesByProject(projectId: string): Observable<Committee[]> {
     return this.getCommitteesByProject(projectId);
   }

apps/lfx-one/src/app/shared/services/meeting.service.ts

@@ -18,11 +18,12 @@ import {
   PastMeeting,
   PastMeetingParticipant,
   Project,
+  QueryServiceCountResponse,
   UpdateMeetingRegistrantRequest,
   UpdateMeetingRequest,
   UploadFileResponse,
 } from '@lfx-one/shared/interfaces';
-import { catchError, defer, Observable, of, switchMap, take, tap, throwError } from 'rxjs';
+import { catchError, defer, Observable, of, map, switchMap, take, tap, throwError } from 'rxjs';
 
 @Injectable({
   providedIn: 'root',
@@ -64,6 +65,22 @@ export class MeetingService {
     return this.getMeetings(params);
   }
 
+  public getMeetingsCountByProject(projectId: string): Observable<number> {
+    const params = new HttpParams().set('tags', `project_uid:${projectId}`);
+    return this.http
+      .get<QueryServiceCountResponse>('/api/meetings/count', { params })
+      .pipe(
+        catchError((error) => {
+          console.error('Failed to load meetings count:', error);
+          return of({ count: 0 });
+        })
+      )
+      .pipe(
+        // Extract just the count number from the response
+        map((response) => response.count)
+      );
+  }
+
   public getRecentMeetingsByProject(projectId: string, limit: number = 3): Observable<Meeting[]> {
     return this.getMeetingsByProject(projectId, limit, 'updated_at.desc');
   }

apps/lfx-one/src/server/controllers/committee.controller.ts

@@ -36,6 +36,28 @@ export class CommitteeController {
     }
   }
 
+  /**
+   * GET /committees/count
+   */
+  public async getCommitteesCount(req: Request, res: Response, next: NextFunction): Promise<void> {
+    const startTime = Logger.start(req, 'get_committees_count', {
+      query_params: Logger.sanitize(req.query as Record<string, any>),
+    });
+
+    try {
+      const count = await this.committeeService.getCommitteesCount(req, req.query);
+
+      Logger.success(req, 'get_committees_count', startTime, {
+        count,
+      });
+
+      res.json({ count });
+    } catch (error) {
+      Logger.error(req, 'get_committees_count', startTime, error);
+      next(error);
+    }
+  }
+
   /**
    * GET /committees/:id
    */

apps/lfx-one/src/server/controllers/meeting.controller.ts

@@ -66,6 +66,32 @@ export class MeetingController {
     }
   }
 
+  /**
+   * GET /meetings/count
+   */
+  public async getMeetingsCount(req: Request, res: Response, next: NextFunction): Promise<void> {
+    const startTime = Logger.start(req, 'get_meetings_count', {
+      query_params: Logger.sanitize(req.query as Record<string, any>),
+    });
+
+    try {
+      // Get the meetings count
+      const count = await this.meetingService.getMeetingsCount(req, req.query as Record<string, any>);
+
+      // Log the success
+      Logger.success(req, 'get_meetings_count', startTime, {
+        count,
+      });
+
+      // Send the count to the client
+      res.json({ count });
+    } catch (error) {
+      // Log the error
+      Logger.error(req, 'get_meetings_count', startTime, error);
+      next(error);
+    }
+  }
+
   /**
    * GET /meetings/:uid
    */

apps/lfx-one/src/server/controllers/project.controller.ts

@@ -31,11 +31,10 @@ export class ProjectController {
       const projects = await this.projectService.getProjects(req, req.query as Record<string, any>);
 
       // Add metrics to all projects
-      // TODO: Remove this once we have a way to get the metrics from the microservice
       await Promise.all(
         projects.map(async (project) => {
-          project.meetings_count = (await this.meetingService.getMeetings(req, { tags: `project_uid:${project.uid}` }).catch(() => [])).length;
-          project.committees_count = (await this.committeeService.getCommittees(req, { tags: `project_uid:${project.uid}` }).catch(() => [])).length;
+          project.meetings_count = Number(await this.meetingService.getMeetingsCount(req, { tags: `project_uid:${project.uid}` }).catch(() => 0));
+          project.committees_count = Number(await this.committeeService.getCommitteesCount(req, { tags: `project_uid:${project.uid}` }).catch(() => 0));
         })
       );
 
@@ -83,11 +82,10 @@ export class ProjectController {
       const results = await this.projectService.searchProjects(req, q);
 
       // Add metrics to all projects
-      // TODO: Remove this once we have a way to get the metrics from the microservice
       await Promise.all(
         results.map(async (project) => {
-          project.meetings_count = (await this.meetingService.getMeetings(req, { tags: `project_uid:${project.uid}` }).catch(() => [])).length;
-          project.committees_count = (await this.committeeService.getCommittees(req, { tags: `project_uid:${project.uid}` }).catch(() => [])).length;
+          project.meetings_count = Number(await this.meetingService.getMeetingsCount(req, { tags: `project_uid:${project.uid}` }).catch(() => 0));
+          project.committees_count = Number(await this.committeeService.getCommitteesCount(req, { tags: `project_uid:${project.uid}` }).catch(() => 0));
         })
       );
 

apps/lfx-one/src/server/routes/committees.route.ts

@@ -11,6 +11,7 @@ const committeeController = new CommitteeController();
 
 // Committee CRUD routes - using new controller pattern
 router.get('/', (req, res, next) => committeeController.getCommittees(req, res, next));
+router.get('/count', (req, res, next) => committeeController.getCommitteesCount(req, res, next));
 router.get('/:id', (req, res, next) => committeeController.getCommitteeById(req, res, next));
 router.post('/', (req, res, next) => committeeController.createCommittee(req, res, next));
 router.put('/:id', (req, res, next) => committeeController.updateCommittee(req, res, next));