refactor(meetings): migrate to global architecture (#161)

* fix(meetings): load past and upcoming meetings separately (LFXV2-757)

Fixed recurring meetings incorrectly showing as past by refactoring to
use separate API endpoints for upcoming and past meetings:

- Load upcoming meetings via getMeetingsByProject()
- Load past meetings via getPastMeetingsByProject()
- React to timeFilter changes to call appropriate endpoint
- Hide RSVP button for non-organizers on past meetings
- Removed client-side time filtering (handled by API)

This ensures proper meeting categorization and enables accurate counts
for both upcoming and past meetings.

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

Signed-off-by: Asitha de Silva <[email protected]>

* feat(ssr): migrate project context to SSR-compatible cookies (LFXV2-757)

Migrated project selection persistence from localStorage to cookies
using ngx-cookie-service-ssr for full SSR compatibility:

Project Context Changes:
- Replace localStorage with SsrCookieService
- Cookies work on both server and client-side
- 30-day expiration, SameSite=Lax security
- Fixes project context being null during SSR

Meeting/Committee Dashboard Fixes:
- Use combineLatest to prevent duplicate API calls
- Lazy load data only for active tabs
- Fix loading states to prevent "No data found" flash
- Add project existence check to empty states
- Remove counters from filter buttons

UI Improvements:
- Hide RSVP buttons for non-organizers on past meetings
- Improve label consistency in committee form

This enables data fetching during SSR when project is selected,
eliminating loading delays and improving initial render performance.

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

Signed-off-by: Asitha de Silva <[email protected]>

* refactor(meetings): migrate to global architecture

- Moved meetings module from /project/:slug/meetings to /meetings for improved UX
- Relocated all meeting components from modules/project/meetings to modules/meetings
- Added new routes: /meetings/create and /meetings/:id/edit for meeting management
- Updated meeting-card component to use global meeting routes
- Fixed meeting-card registrant toggle to not show add button for past meetings
- Added feature flag service to sidebar for role selector control
- Reordered meeting features constants to prioritize AI Summary feature

BREAKING CHANGE: Meeting routes moved from project-scoped to global scope

LFXV2-757
LFXV2-760
LFXV2-761
LFXV2-762

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

Signed-off-by: Asitha de Silva <[email protected]>

---------

Signed-off-by: Asitha de Silva <[email protected]>

Author: asithade

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

@@ -74,14 +74,14 @@ <h1 class="font-inter text-xl font-semibold">{{ committeeLabelPlural }}</h1>
 
       <!-- Content Area - Table or Cards -->
       <div class="w-full">
-        @if (filteredCommittees().length === 0) {
+        @if (filteredCommittees().length === 0 && project()?.projectId) {
           <div class="text-center py-12">
             <div class="bg-muted/50 rounded-lg p-8">
               <i class="fa-light fa-people-group text-5xl text-muted-foreground mb-4"></i>
               <h3 class="text-muted-foreground">No {{ committeeLabelPlural.toLowerCase() }} found</h3>
             </div>
           </div>
-        } @else {
+        } @else if (filteredCommittees().length > 0) {
           <lfx-committee-table
             [committees]="filteredCommittees()"
             [canManageCommittee]="canCreateGroup()"

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

@@ -16,7 +16,7 @@ import { CommitteeService } from '@services/committee.service';
 import { PersonaService } from '@services/persona.service';
 import { ConfirmationService, MessageService } from 'primeng/api';
 import { ConfirmDialogModule } from 'primeng/confirmdialog';
-import { BehaviorSubject, catchError, debounceTime, distinctUntilChanged, merge, of, startWith, switchMap, tap } from 'rxjs';
+import { BehaviorSubject, catchError, combineLatest, debounceTime, distinctUntilChanged, finalize, of, startWith, switchMap } from 'rxjs';
 
 import { CommitteeTableComponent } from '../components/committee-table/committee-table.component';
 
@@ -230,25 +230,20 @@ export class CommitteeDashboardComponent {
     const project$ = toObservable(this.project);
 
     return toSignal(
-      merge(
-        project$, // Triggers on project context changes
-        this.refresh // Triggers on manual refresh
-      ).pipe(
-        tap(() => this.committeesLoading.set(true)),
-        switchMap(() => {
-          const project = this.project();
+      combineLatest([project$, this.refresh]).pipe(
+        switchMap(([project]) => {
           if (!project?.projectId) {
             this.committeesLoading.set(false);
             return of([]);
           }
 
+          this.committeesLoading.set(true);
           return this.committeeService.getCommitteesByProject(project.projectId).pipe(
             catchError((error) => {
               console.error('Failed to load committees:', error);
-              this.committeesLoading.set(false);
               return of([]);
             }),
-            tap(() => this.committeesLoading.set(false))
+            finalize(() => this.committeesLoading.set(false))
           );
         })
       ),

apps/lfx-one/src/app/modules/committees/components/committee-form/committee-form.component.ts

@@ -80,8 +80,8 @@ export class CommitteeFormComponent {
         value: committee.uid,
       }));
 
-      // Add "No Parent Committee" option at the beginning
-      return [{ label: 'No Parent Committee', value: null }, ...options];
+      // Add "No Parent Group" option at the beginning
+      return [{ label: 'No Parent ' + this.committeeLabel, value: null }, ...options];
     });
   }
 }

…/agenda-template-selector.component.html …/agenda-template-selector.component.htmlapps/lfx-one/src/app/modules/project/meetings/components/agenda-template-selector/agenda-template-selector.component.html renamed to apps/lfx-one/src/app/modules/meetings/components/agenda-template-selector/agenda-template-selector.component.html apps/lfx-one/src/app/modules/project/meetings/components/agenda-template-selector/agenda-template-selector.component.html renamed to apps/lfx-one/src/app/modules/meetings/components/agenda-template-selector/agenda-template-selector.component.html

@@ -12,7 +12,7 @@ import { VOTING_STATUSES } from '@lfx-one/shared';
 import { Committee, CommitteeMember, Meeting } from '@lfx-one/shared/interfaces';
 import { CommitteeService } from '@services/committee.service';
 import { MeetingService } from '@services/meeting.service';
-import { ProjectService } from '@services/project.service';
+import { ProjectContextService } from '@services/project-context.service';
 import { MessageService } from 'primeng/api';
 import { DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';
 import { TooltipModule } from 'primeng/tooltip';
@@ -35,8 +35,8 @@ export class MeetingCommitteeModalComponent {
   private readonly config = inject(DynamicDialogConfig);
   private readonly committeeService = inject(CommitteeService);
   private readonly meetingService = inject(MeetingService);
-  private readonly projectService = inject(ProjectService);
   private readonly messageService = inject(MessageService);
+  private readonly projectContextService = inject(ProjectContextService);
 
   // Inputs
   public readonly meeting: Meeting = this.config.data.meeting;
@@ -60,7 +60,7 @@ export class MeetingCommitteeModalComponent {
 
   // Load committees using toSignal
   public committees: Signal<Committee[]> = toSignal(
-    this.committeeService.getCommitteesByProject(this.projectService.project()?.uid || '').pipe(
+    this.committeeService.getCommitteesByProject(this.projectContextService.getProjectId() || '').pipe(
       tap(() => this.committeesLoading.set(false)),
       catchError((error) => {
         console.error('Failed to load committees:', error);

…or/agenda-template-selector.component.ts …or/agenda-template-selector.component.tsapps/lfx-one/src/app/modules/project/meetings/components/agenda-template-selector/agenda-template-selector.component.ts renamed to apps/lfx-one/src/app/modules/meetings/components/agenda-template-selector/agenda-template-selector.component.ts apps/lfx-one/src/app/modules/project/meetings/components/agenda-template-selector/agenda-template-selector.component.ts renamed to apps/lfx-one/src/app/modules/meetings/components/agenda-template-selector/agenda-template-selector.component.ts

@@ -17,7 +17,7 @@ import { GenerateAgendaRequest, MeetingTemplate } from '@lfx-one/shared';
 import { TIMEZONES } from '@lfx-one/shared/constants';
 import { getWeekOfMonth } from '@lfx-one/shared/utils';
 import { MeetingService } from '@services/meeting.service';
-import { ProjectService } from '@services/project.service';
+import { ProjectContextService } from '@services/project-context.service';
 import { MessageService } from 'primeng/api';
 import { TooltipModule } from 'primeng/tooltip';
 import { finalize, take, tap } from 'rxjs';
@@ -46,9 +46,9 @@ import { MeetingRecurrencePatternComponent } from '../meeting-recurrence-pattern
   templateUrl: './meeting-details.component.html',
 })
 export class MeetingDetailsComponent implements OnInit {
-  private readonly projectService = inject(ProjectService);
   private readonly meetingService = inject(MeetingService);
   private readonly messageService = inject(MessageService);
+  private readonly projectContextService = inject(ProjectContextService);
 
   // Form group input from parent
   public readonly form = input.required<FormGroup>();
@@ -172,7 +172,7 @@ export class MeetingDetailsComponent implements OnInit {
 
   public async generateAiAgenda(): Promise<void> {
     const context = this.form().get('aiPrompt')?.value;
-    const currentProject = this.projectService.project();
+    const currentProject = this.projectContextService.selectedProject();
     const form = this.form();
     const title = form.get('title')?.value;
     const meetingType = form.get('meeting_type')?.value;