feat(concierge): rebrand to UCLA, fix new events appearing in list

- Replace all hancock.com references with ucla.edu across event services
- Add refresh() to EventApprovalStateService to re-emit status after new events
- Wire wizard to call refresh() on submit so new events appear in list tab
- Add event request wizard route, quotes tab, and jspdf dependency

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: shrikha56

apps/concierge/src/app/events/event-approval-state.service.ts

@@ -47,6 +47,11 @@ export class EventApprovalStateService {
         });
     }
 
+    /** Force all observables to re-evaluate (e.g. after adding mock events) */
+    public refresh(): void {
+        this._status.next({ ...this._status.getValue() });
+    }
+
     public readonly approved_calendar_events$ = this._status.pipe(
         map((statuses) => {
             const approved_ids = Object.entries(statuses)
@@ -173,7 +178,7 @@ export class EventApprovalStateService {
             const room_email =
                 event.location
                     .toLowerCase()
-                    .replace(/[^a-z0-9]/g, '.') + '@hancock.com';
+                    .replace(/[^a-z0-9]/g, '.') + '@ucla.edu';
             if (seen.has(room_email)) return null;
             seen.add(room_email);
             return new Space({
@@ -196,11 +201,11 @@ export class EventApprovalStateService {
         const organiser_email =
             mock.organiser
                 .toLowerCase()
-                .replace(/[^a-z0-9]/g, '.') + '@hancock.com';
+                .replace(/[^a-z0-9]/g, '.') + '@ucla.edu';
         const room_email =
             mock.location
                 .toLowerCase()
-                .replace(/[^a-z0-9]/g, '.') + '@hancock.com';
+                .replace(/[^a-z0-9]/g, '.') + '@ucla.edu';
 
         let body = '';
         if (requirements) {

apps/concierge/src/app/events/event-request-wizard.component.ts

@@ -438,7 +438,7 @@ export class EventSummaryDialogComponent {
         return (
             this.event.organiser
                 .toLowerCase()
-                .replace(/[^a-z0-9]/g, '.') + '@hancock.com'
+                .replace(/[^a-z0-9]/g, '.') + '@ucla.edu'
         );
     }
 

apps/concierge/src/app/events/event-summary-dialog.component.ts

@@ -21,6 +21,7 @@ import {
 import { distinctUntilChanged, map } from 'rxjs/operators';
 import { EventApprovalsComponent } from './event-approvals.component';
 import { EventListingComponent } from './event-listing.component';
+import { EventQuotesComponent } from './event-quotes.component';
 import { EventStateService } from './event-state.service';
 
 @Component({
@@ -90,6 +91,16 @@ import { EventStateService } from './event-state.service';
                 >
                     Approvals
                 </button>
+                <button
+                    matRipple
+                    class="rounded-full px-4 py-1.5 text-sm font-medium transition-colors"
+                    [class.bg-primary]="view === 'quotes'"
+                    [class.text-primary-content]="view === 'quotes'"
+                    [class.bg-base-200]="view !== 'quotes'"
+                    (click)="view = 'quotes'"
+                >
+                    Quotes &amp; Invoices
+                </button>
             </div>
             <div class="relative h-1/2 w-full flex-1 overflow-y-auto px-8">
                 @if (view === 'approvals') {
@@ -100,6 +111,9 @@ import { EventStateService } from './event-state.service';
                         <event-listing class="block"></event-listing>
                     </div>
                 }
+                @if (view === 'quotes') {
+                    <event-quotes></event-quotes>
+                }
             </div>
         </div>
         @if (!has_calendar) {
@@ -126,6 +140,7 @@ import { EventStateService } from './event-state.service';
         MatSelectModule,
         EventApprovalsComponent,
         EventListingComponent,
+        EventQuotesComponent,
         MatRippleModule,
         RouterModule,
         FormsModule,
@@ -144,7 +159,7 @@ export class EventsListComponent extends AsyncHandler implements OnInit {
 
     public period_list = [];
     public selected_range: number;
-    public view: 'list' | 'approvals' = 'list';
+    public view: 'list' | 'approvals' | 'quotes' = 'list';
 
     public get has_calendar() {
         return isMock() || this._settings.get('app.group_events_calendar');

apps/concierge/src/app/events/events-list.component.ts

@@ -3,6 +3,7 @@ import { Route, RouterModule } from '@angular/router';
 import { EventsComponent } from './events.component';
 
 import { EventManageComponent } from './event-manage.component';
+import { EventRequestWizardComponent } from './event-request-wizard.component';
 import { EventViewComponent } from './event-view.component';
 import { EventsListComponent } from './events-list.component';
 
@@ -12,7 +13,7 @@ const ROUTES: Route[] = [
         component: EventsComponent,
         children: [{ path: '', component: EventsListComponent }],
     },
-    { path: 'manage', component: EventManageComponent },
+    { path: 'manage', component: EventRequestWizardComponent },
     { path: 'manage/:id', component: EventManageComponent },
     { path: 'view/:id', component: EventViewComponent },
     { path: '**', redirectTo: '' },
@@ -24,6 +25,7 @@ const ROUTES: Route[] = [
         EventsComponent,
         EventsListComponent,
         EventManageComponent,
+        EventRequestWizardComponent,
         RouterModule.forChild(ROUTES),
     ],
 })

apps/concierge/src/app/events/events.module.ts

@@ -86,6 +86,7 @@ const app = {
  */
 export const DEFAULT_SETTINGS: any = {
     debug: true,
+    mock: true,
     composer: {
         domain: '',
         route: '/concierge',