@ieeesa-npm/dashboard 0.0.2 → 0.0.4

package/lib/components/event-group-card/event-group-card.component.d.ts

@@ -44,6 +44,8 @@ export declare class EventGroupCardComponent {
     inFlightMeetingIds: ReadonlySet<string>;
     /** Whether the host has determined the viewport is at/below the mobile breakpoint. */
     isMobileView: boolean;
+    /** Whether this event's child meetings are currently loading (drill-down API). */
+    meetingsLoading: boolean;
     /** Emits the event id when the "View Event" button is activated (Req 6.4). */
     viewEvent: EventEmitter<string>;
     /** Bubbles the meeting id when a row's meeting-name link is activated (Req 6.7, 7.4). */
@@ -59,9 +61,25 @@ export declare class EventGroupCardComponent {
      * so the container can lazily fetch the event's child meetings from the
      * backend. Standalone-meeting cards never emit this.
      */
-    loadMeetings: EventEmitter<number>;
+    loadMeetings: EventEmitter<{
+        page: number;
+        size: number;
+    }>;
+    /**
+     * Bubbles the owning event id + meeting id when an attendance button is
+     * activated for an In-Progress meeting, so the host can navigate to the
+     * view-meeting screen (where the real Log Attendance popup opens).
+     */
+    navigateToMeeting: EventEmitter<{
+        eventId: string;
+        meetingId: string;
+        logAttendance?: boolean | undefined;
+        leaveMeeting?: boolean | undefined;
+    }>;
     /** The default page size for the per-card meeting paginator. */
     readonly defaultPageSize = 5;
+    /** Page-size options shown in the paginator dropdown (matches the app-wide paginator). */
+    readonly pageSizeOptions: number[];
     /** The current zero-based page index of the meeting list. */
     pageIndex: number;
     /** The current page size of the meeting list. */
@@ -175,19 +193,70 @@ export declare class EventGroupCardComponent {
      */
     get isStandaloneAttending(): boolean;
     /**
-     * Whether the STANDALONE meeting's Log Attendance button is shown (not
-     * attending and the host grants the permission).
+     * Whether the STANDALONE meeting's Log Attendance button is shown (whenever
+     * not currently attending). No permission gating — mirrors the attendance
+     * library.
      * @return {boolean} True when the log-attendance button is visible.
      * @memberof EventGroupCardComponent
      */
     get showStandaloneLog(): boolean;
     /**
-     * Whether the STANDALONE meeting's Leave Meeting button is shown (attending
-     * and the host grants the permission).
+     * Whether the STANDALONE meeting's Leave Meeting button is shown — only while
+     * the meeting is currently attending AND active.
      * @return {boolean} True when the leave-meeting button is visible.
      * @memberof EventGroupCardComponent
      */
     get showStandaloneLeave(): boolean;
+    /**
+     * Whether the STANDALONE meeting is eligible for an attendance action. The
+     * backend supplies an `attendanceState` only for attendance-eligible meetings
+     * (open for attendance), so its presence is the eligibility signal.
+     * @return {boolean} True when the standalone meeting is attendance-eligible.
+     * @memberof EventGroupCardComponent
+     */
+    get isStandaloneEligible(): boolean;
+    /**
+     * Whether the STANDALONE meeting is currently In Progress — the attendance
+     * button is only ENABLED during the meeting (disabled otherwise, mirroring the
+     * view-meeting page).
+     * @return {boolean} True when the standalone meeting status is 'In Progress'.
+     * @memberof EventGroupCardComponent
+     */
+    get isStandaloneActive(): boolean;
+    /**
+     * Whether the STANDALONE Log Attendance button is disabled (outside meeting
+     * time), matching the view-meeting page's inactive state.
+     * @return {boolean} True when the standalone log button should be disabled.
+     * @memberof EventGroupCardComponent
+     */
+    get isStandaloneLogDisabled(): boolean;
+    /** The inactive-button message shown when the standalone meeting is not active. */
+    get inactiveMessage(): string;
+    /**
+     * Bubbles a row's navigate-to-meeting request upward unchanged so the host can
+     * route to the view-meeting screen.
+     * @param {{ eventId: string; meetingId: string }} request - The meeting identity.
+     * @memberof EventGroupCardComponent
+     */
+    onNavigateToMeeting(request: {
+        eventId: string;
+        meetingId: string;
+        logAttendance?: boolean;
+        leaveMeeting?: boolean;
+    }): void;
+    /**
+     * Emits the navigate-to-meeting intent for a STANDALONE meeting's attendance
+     * action (Log Attendance or Leave Meeting, requesting the matching popup
+     * auto-open). Its own id is the meeting id; it has no parent event.
+     * @memberof EventGroupCardComponent
+     */
+    onNavigateToStandalone(): void;
+    /**
+     * Emits the navigate-to-meeting intent for a STANDALONE meeting's name link
+     * (view only — no popup auto-open).
+     * @memberof EventGroupCardComponent
+     */
+    onOpenStandalone(): void;
     /** The luxon-formatted start date of the event (ISO or epoch ms) (Req 6.2). */
     get formattedStartDate(): string;
     /** The luxon-formatted end date of the event (ISO or epoch ms) (Req 6.2). */
@@ -264,5 +333,5 @@ export declare class EventGroupCardComponent {
      */
     private formatDate;
     static ɵfac: i0.ɵɵFactoryDeclaration<EventGroupCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EventGroupCardComponent, "ieeesa-event-group-card", never, { "event": { "alias": "event"; "required": false; }; "permissions": { "alias": "permissions"; "required": false; }; "attendanceStates": { "alias": "attendanceStates"; "required": false; }; "inFlightMeetingIds": { "alias": "inFlightMeetingIds"; "required": false; }; "isMobileView": { "alias": "isMobileView"; "required": false; }; }, { "viewEvent": "viewEvent"; "openMeeting": "openMeeting"; "logAttendance": "logAttendance"; "leaveMeeting": "leaveMeeting"; "pageChange": "pageChange"; "loadMeetings": "loadMeetings"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EventGroupCardComponent, "ieeesa-event-group-card", never, { "event": { "alias": "event"; "required": false; }; "permissions": { "alias": "permissions"; "required": false; }; "attendanceStates": { "alias": "attendanceStates"; "required": false; }; "inFlightMeetingIds": { "alias": "inFlightMeetingIds"; "required": false; }; "isMobileView": { "alias": "isMobileView"; "required": false; }; "meetingsLoading": { "alias": "meetingsLoading"; "required": false; }; }, { "viewEvent": "viewEvent"; "openMeeting": "openMeeting"; "logAttendance": "logAttendance"; "leaveMeeting": "leaveMeeting"; "pageChange": "pageChange"; "loadMeetings": "loadMeetings"; "navigateToMeeting": "navigateToMeeting"; }, never, never, true, never>;
 }

package/lib/components/meeting-attendance-row/meeting-attendance-row.component.d.ts

@@ -39,8 +39,39 @@ export declare class MeetingAttendanceRowComponent {
     logAttendance: EventEmitter<string>;
     /** Emits the meeting id to request leaving the meeting (Req 7.8). */
     leaveMeeting: EventEmitter<string>;
+    /**
+     * Emits the owning event id + meeting id when the attendance button is
+     * activated for an In-Progress meeting, so the host can navigate to the
+     * view-meeting screen (where the real Log Attendance popup opens).
+     */
+    navigateToMeeting: EventEmitter<{
+        eventId: string;
+        meetingId: string;
+        logAttendance?: boolean | undefined;
+        leaveMeeting?: boolean | undefined;
+    }>;
     /** Expose the enum to the template for state comparisons. */
     readonly AttendanceState: typeof AttendanceState;
+    /**
+     * Whether the meeting is eligible for an attendance action (an attendance
+     * button is rendered at all). The backend supplies an `attendanceState` for
+     * every loggable meeting, so its presence is the eligibility signal. Rows the
+     * backend deems ineligible carry no state and render no button.
+     * @return {boolean} True when the meeting is attendance-eligible.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    get isEligibleForAttendance(): boolean;
+    /**
+     * Whether the meeting is currently In Progress. Mirrors the attendance
+     * library's `isMeetingActive`: the attendance button is only ENABLED during
+     * the meeting; outside the meeting time it renders disabled with the inactive
+     * message.
+     * @return {boolean} True when the meeting status is 'In Progress'.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    get isMeetingActive(): boolean;
+    /** The inactive-button message shown when the meeting is not In Progress. */
+    get inactiveMessage(): string;
     /**
      * Whether this row is actionable — a non-empty `meetingId` is required for the
      * meeting-name link and action button to emit anything (Req 7.10).
@@ -56,17 +87,26 @@ export declare class MeetingAttendanceRowComponent {
      */
     get isCurrentlyAttending(): boolean;
     /**
-     * Whether the log-attendance button should be shown: only when the row is in
-     * the log state (not currently attending) and the host grants
-     * `canLogAttendance` (Req 7.6, 12.1).
+     * Whether the log-attendance button should be shown: whenever the row is not
+     * currently attending. Mirrors the attendance library, which toggles between
+     * Log Attendance and Leave Meeting purely on attendance state (no permission
+     * gating).
      * @return {boolean} True when the log-attendance button is visible.
      * @memberof MeetingAttendanceRowComponent
      */
     get showLogAttendanceButton(): boolean;
     /**
-     * Whether the leave-meeting button should be shown: only when the row is in
-     * the currently-attending state and the host grants `canLeaveMeeting`
-     * (Req 7.5, 12.2).
+     * Whether the Log Attendance button is disabled: outside the meeting time
+     * (not In Progress) or while an attendance action is in flight. Matches the
+     * view-meeting page, which disables the button with an inactive message when
+     * the meeting is not active.
+     * @return {boolean} True when the Log Attendance button should be disabled.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    get isLogDisabled(): boolean;
+    /**
+     * Whether the leave-meeting button should be shown: whenever the row is
+     * currently attending. Mirrors the attendance library (no permission gating).
      * @return {boolean} True when the leave-meeting button is visible.
      * @memberof MeetingAttendanceRowComponent
      */
@@ -95,6 +135,20 @@ export declare class MeetingAttendanceRowComponent {
      * @memberof MeetingAttendanceRowComponent
      */
     get formattedTime(): string;
+    /**
+     * The bold time range only (e.g. "10:00–11:00"), 12-hour with meridiem,
+     * rendered dark per Figma.
+     * @return {string} The formatted start–end time range.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    get timeRange(): string;
+    /**
+     * The timezone label only (light grey per Figma), wrapped in parentheses, or
+     * an empty string when no timezone is present.
+     * @return {string} The parenthesised timezone, or an empty string.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    get timezoneDisplay(): string;
     /**
      * Handles activation of the attendance action button. Delegates to the pure
      * `resolveAttendanceAction` handler and emits exactly one event based on the
@@ -111,5 +165,5 @@ export declare class MeetingAttendanceRowComponent {
      */
     onOpenMeeting(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MeetingAttendanceRowComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MeetingAttendanceRowComponent, "ieeesa-meeting-attendance-row", never, { "meeting": { "alias": "meeting"; "required": false; }; "attendanceState": { "alias": "attendanceState"; "required": false; }; "isInFlight": { "alias": "isInFlight"; "required": false; }; "permissions": { "alias": "permissions"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; }, { "openMeeting": "openMeeting"; "logAttendance": "logAttendance"; "leaveMeeting": "leaveMeeting"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MeetingAttendanceRowComponent, "ieeesa-meeting-attendance-row", never, { "meeting": { "alias": "meeting"; "required": false; }; "attendanceState": { "alias": "attendanceState"; "required": false; }; "isInFlight": { "alias": "isInFlight"; "required": false; }; "permissions": { "alias": "permissions"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; }, { "openMeeting": "openMeeting"; "logAttendance": "logAttendance"; "leaveMeeting": "leaveMeeting"; "navigateToMeeting": "navigateToMeeting"; }, never, never, true, never>;
 }

package/lib/components/member-level-badge/member-level-badge.component.d.ts

@@ -39,6 +39,7 @@ export declare class MemberLevelBadgeComponent {
             };
             emptyMessage: string;
             errorMessage: string;
+            collapsedSummaryTemplate: string;
             paginator: {
                 rangeTemplate: string;
             };
@@ -47,7 +48,14 @@ export declare class MemberLevelBadgeComponent {
             eventBadge: string;
             standaloneBadge: string;
             viewLabel: string;
-            viewEventLabel: string;
+            viewEventLabel: string; /**
+             * Builds the single-item Legend list for the supplied member level, resolving
+             * the pill color from the `constants.json` color map and falling back to the
+             * configured default color when the level has no explicit mapping.
+             * @param {string} memberLevel - The member-level label to render.
+             * @return {Legend[]} A single-element Legend array for the Legend component.
+             * @memberof MemberLevelBadgeComponent
+             */
             eventDatesLabel: string;
             meetingDateLabel: string;
             timeTimezoneLabel: string;
@@ -76,6 +84,7 @@ export declare class MemberLevelBadgeComponent {
             currentlyAttendingIndicator: string;
             logAttendanceLabel: string;
             leaveMeetingLabel: string;
+            inactiveMessage: string;
             ariaLabel: {
                 meetingNameLink: string;
                 logAttendance: string;
@@ -139,6 +148,8 @@ export declare class MemberLevelBadgeComponent {
             groupDetail: string;
             viewAllEvents: string;
             viewAllGroups: string;
+            viewMeeting: string;
+            viewMeetingUnderEvent: string;
         };
     };
     private memberLevelValue;

package/lib/components/upcoming-meetings-events/upcoming-meetings-events.component.d.ts

@@ -42,6 +42,8 @@ export declare class UpcomingMeetingsEventsComponent {
     inFlightMeetingIds: ReadonlySet<string>;
     /** Whether the host has determined the viewport is at/below the mobile breakpoint. */
     isMobileView: boolean;
+    /** Event ids whose drill-down meetings are currently loading (spinner). */
+    loadingEventIds: ReadonlySet<string>;
     /** Emits when the "View All" link is activated (Req 5.2). */
     viewAll: EventEmitter<void>;
     /** Bubbles the event id when a card's "View Event" button is activated (Req 6.4). */
@@ -56,10 +58,18 @@ export declare class UpcomingMeetingsEventsComponent {
     meetingPageChange: EventEmitter<{
         eventId: string;
     } & PageChange>;
-    /** Emits the event id + one-based page to lazily load an event's child meetings. */
+    /** Emits the event id + one-based page + size to lazily load an event's child meetings. */
     loadEventMeetings: EventEmitter<{
         eventId: string;
         page: number;
+        size: number;
+    }>;
+    /** Bubbles a navigate-to-meeting request (eventId + meetingId [+ logAttendance]) for the host to route. */
+    navigateToMeeting: EventEmitter<{
+        eventId: string;
+        meetingId: string;
+        logAttendance?: boolean | undefined;
+        leaveMeeting?: boolean | undefined;
     }>;
     /** Whether the section's card list is currently expanded; starts collapsed. */
     isExpanded: boolean;
@@ -94,6 +104,30 @@ export declare class UpcomingMeetingsEventsComponent {
      * @memberof UpcomingMeetingsEventsComponent
      */
     onSectionPageChange(event: PageEvent): void;
+    /** Number of EVENT rows in the list (for the collapsed summary). */
+    get eventCount(): number;
+    /**
+     * Total number of meetings across the list: each event's `meetingCount` plus
+     * one per standalone meeting (for the collapsed summary).
+     * @return {number} The total meeting count.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    get totalMeetingCount(): number;
+    /**
+     * Total number of meetings open for attendance across the list (for the
+     * collapsed summary): each event's open count plus any standalone meeting that
+     * is attendance-eligible.
+     * @return {number} The total open-for-attendance count.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    get totalOpenForAttendanceCount(): number;
+    /**
+     * The collapsed summary line (e.g. "3 events · 50 meetings · 21 open for
+     * attendance") built from the `constants.json` template and the counts.
+     * @return {string} The formatted collapsed summary.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    get collapsedSummary(): string;
     /**
      * Allows the host/container to open or close the section (e.g. a "Jump to"
      * shortcut opens it). Writing the input mirrors the value onto the internal
@@ -169,7 +203,21 @@ export declare class UpcomingMeetingsEventsComponent {
      * @param {number} page - The one-based page requested by the card.
      * @memberof UpcomingMeetingsEventsComponent
      */
-    onLoadEventMeetings(eventId: string, page: number): void;
+    onLoadEventMeetings(eventId: string, request: {
+        page: number;
+        size: number;
+    }): void;
+    /**
+     * Bubbles a card's navigate-to-meeting request upward unchanged.
+     * @param {{ eventId: string; meetingId: string }} request - The meeting identity.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    onNavigateToMeeting(request: {
+        eventId: string;
+        meetingId: string;
+        logAttendance?: boolean;
+        leaveMeeting?: boolean;
+    }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UpcomingMeetingsEventsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UpcomingMeetingsEventsComponent, "ieeesa-upcoming-meetings-events", never, { "events": { "alias": "events"; "required": false; }; "sectionState": { "alias": "sectionState"; "required": false; }; "permissions": { "alias": "permissions"; "required": false; }; "attendanceStates": { "alias": "attendanceStates"; "required": false; }; "inFlightMeetingIds": { "alias": "inFlightMeetingIds"; "required": false; }; "isMobileView": { "alias": "isMobileView"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "viewAll": "viewAll"; "viewEvent": "viewEvent"; "openMeeting": "openMeeting"; "logAttendance": "logAttendance"; "leaveMeeting": "leaveMeeting"; "meetingPageChange": "meetingPageChange"; "loadEventMeetings": "loadEventMeetings"; "expandedChange": "expandedChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UpcomingMeetingsEventsComponent, "ieeesa-upcoming-meetings-events", never, { "events": { "alias": "events"; "required": false; }; "sectionState": { "alias": "sectionState"; "required": false; }; "permissions": { "alias": "permissions"; "required": false; }; "attendanceStates": { "alias": "attendanceStates"; "required": false; }; "inFlightMeetingIds": { "alias": "inFlightMeetingIds"; "required": false; }; "isMobileView": { "alias": "isMobileView"; "required": false; }; "loadingEventIds": { "alias": "loadingEventIds"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "viewAll": "viewAll"; "viewEvent": "viewEvent"; "openMeeting": "openMeeting"; "logAttendance": "logAttendance"; "leaveMeeting": "leaveMeeting"; "meetingPageChange": "meetingPageChange"; "loadEventMeetings": "loadEventMeetings"; "navigateToMeeting": "navigateToMeeting"; "expandedChange": "expandedChange"; }, never, never, true, never>;
 }

package/lib/components/your-groups/your-groups.component.d.ts

@@ -1,19 +1,24 @@
 import { EventEmitter } from '@angular/core';
 import { PageEvent } from '@angular/material/paginator';
+import { IconButton } from '@ieeesa-npm/presentation';
 import { DashboardSectionState } from '../../models/dashboard-section-state.model';
 import { GroupHierarchyNode, GroupRow } from '../../models/group-row.model';
 import { PageChange } from '../../models/page-change.model';
 import * as i0 from "@angular/core";
 /**
  * A single rendered table row. Either a top-level group row (`kind: 'group'`,
- * carrying the full {@link GroupRow}) or a hierarchy (ancestor) row revealed
- * when a group is expanded (`kind: 'hierarchy'`, carrying the ancestor node and
- * its depth for indentation).
+ * carrying the full {@link GroupRow}) or a hierarchy node row (`kind:
+ * 'hierarchy'`) revealed step-by-step as the user drills down. `nodeIndex` is
+ * the node's position in the group's `hierarchy[]`, used to drive the next
+ * drill-down level and the per-node toggle (matching the Groups module, where
+ * each level reveals only its next child and that child carries its own +/−).
  */
 interface TableRow {
     kind: 'group' | 'hierarchy';
     group?: GroupRow;
     node?: GroupHierarchyNode;
+    /** Index of this node within the group's hierarchy[] (hierarchy rows only). */
+    nodeIndex?: number;
     level: number;
 }
 /**
@@ -42,6 +47,24 @@ export declare class YourGroupsComponent {
     readonly indentPerLevel = 28;
     /** Selectable "Items per page" page sizes. */
     readonly pageSizeOptions: number[];
+    /**
+     * Expand (+) icon button — the SAME sprite icon the Groups package uses for
+     * its tree expand toggle (icon-expand-collapse-plus), rendered via the shared
+     * IconButtonComponent for a consistent look across the app.
+     */
+    readonly expandIconButton: IconButton;
+    /** Collapse (−) icon button — the Groups package's icon-expand-collapse-minus. */
+    readonly collapseIconButton: IconButton;
+    /**
+     * Returns the +/- toggle icon button for a level, matching the Groups tree:
+     * the minus (collapse) icon when that level is expanded, otherwise the plus
+     * (expand) icon.
+     * @param {GroupRow} group
+     * @param {number} index - -1 for the group row, else the node index.
+     * @return {IconButton}
+     * @memberof YourGroupsComponent
+     */
+    getToggleButton(group: GroupRow, index: number): IconButton;
     private groupsValue;
     /** The groups rendered in the table. */
     set groups(value: GroupRow[]);
@@ -80,9 +103,15 @@ export declare class YourGroupsComponent {
      */
     set expanded(value: boolean);
     get expanded(): boolean;
-    /** GroupIds of the top-level groups whose hierarchy is currently expanded. */
-    private readonly expandedGroupIds;
-    /** The flattened rows currently rendered (group rows + any expanded hierarchy rows). */
+    /**
+     * Keys of the hierarchy levels currently expanded, each `"<groupId>:<index>"`.
+     * Index -1 is the group row itself (its toggle reveals the first hierarchy
+     * node); index N is the Nth hierarchy node (its toggle reveals node N+1). A
+     * level only reveals the NEXT node, matching the Groups module's step-by-step
+     * drill-down.
+     */
+    private readonly expandedKeys;
+    /** The flattened rows currently rendered (group rows + any revealed hierarchy rows). */
     visibleRows: TableRow[];
     /**
      * The count shown in the header subtitle — the server total when provided,
@@ -92,26 +121,53 @@ export declare class YourGroupsComponent {
      */
     get groupCount(): number;
     /**
-     * Whether a group row can expand: it has an ancestor hierarchy (more than the
-     * group's own node). A single-node hierarchy (the group itself) is a leaf.
+     * Builds the expand/collapse key for a hierarchy level. Index -1 is the group
+     * row itself; index N is the Nth hierarchy node.
+     * @param {GroupRow} group
+     * @param {number} index
+     * @return {string}
+     * @memberof YourGroupsComponent
+     */
+    private levelKey;
+    /**
+     * Whether a level shows a +/- toggle.
+     *
+     * - Group row (index -1): expandable when it has ANY hierarchy node, matching
+     *   the Groups module which shows the toggle on every group that has related
+     *   hierarchy (driven by hasChildren, true for all these groups).
+     * - Hierarchy node (index N): expandable only when there is a further node
+     *   after it (step-by-step drill-down); the deepest node is a leaf, no toggle.
+     * @param {GroupRow} group
+     * @param {number} index - -1 for the group row, else the node index.
+     * @return {boolean}
+     * @memberof YourGroupsComponent
+     */
+    isLevelExpandable(group: GroupRow, index: number): boolean;
+    /**
+     * Whether the group row shows a toggle (has related hierarchy to drill into).
      * @param {GroupRow} group
      * @return {boolean}
      * @memberof YourGroupsComponent
      */
     hasHierarchy(group: GroupRow): boolean;
     /**
-     * Whether the given group row is currently expanded.
+     * Whether a given level is currently expanded (its next node is revealed).
      * @param {GroupRow} group
+     * @param {number} index
      * @return {boolean}
      * @memberof YourGroupsComponent
      */
+    isLevelExpanded(group: GroupRow, index: number): boolean;
+    /** Convenience for the group row (level -1). */
     isGroupExpanded(group: GroupRow): boolean;
     /**
-     * Toggles a group's hierarchy expansion and rebuilds the visible rows.
+     * Toggles a level's expansion (reveals/hides its next node). Collapsing a
+     * level also collapses everything deeper under it so re-opening starts fresh.
      * @param {GroupRow} group
+     * @param {number} index - -1 for the group row, else the node index.
      * @memberof YourGroupsComponent
      */
-    onToggleHierarchy(group: GroupRow): void;
+    onToggleLevel(group: GroupRow, index: number): void;
     /**
      * Toggles the card's expanded/collapsed state (whole table visibility) and
      * emits the new state so the host's two-way binding stays in sync.
@@ -147,9 +203,11 @@ export declare class YourGroupsComponent {
      */
     trackByRow(index: number, row: TableRow): string;
     /**
-     * Rebuilds the flat list of visible rows: the current page of top-level group
-     * rows, each optionally followed by its hierarchy (ancestor) rows when the
-     * group is expanded. The hierarchy path is shown root→leaf, indented by depth.
+     * Rebuilds the visible rows for the current page. Each group reveals its
+     * hierarchy ONE level at a time (Groups-module style): the group row reveals
+     * node 0 only when its own level (-1) is expanded; node 0 reveals node 1 only
+     * when node 0's level is expanded; and so on. Each revealed node that still
+     * has a child carries its own +/- toggle.
      * @memberof YourGroupsComponent
      */
     private rebuildRows;

package/lib/dashboard.component.d.ts

@@ -25,6 +25,8 @@ export interface DashboardNavigationIntent {
     path: string;
     /** The identifier that triggered the navigation (event/meeting/group id), when applicable. */
     id?: string;
+    /** Query params to attach to the navigation (e.g. eventId/meetingId/actionType). */
+    queryParams?: Record<string, string>;
 }
 /**
  * Dashboard (`ieeesa-dashboard`) is the root container and single host entry
@@ -86,6 +88,7 @@ export declare class DashboardComponent implements OnInit, OnDestroy {
             };
             emptyMessage: string;
             errorMessage: string;
+            collapsedSummaryTemplate: string;
             paginator: {
                 rangeTemplate: string;
             };
@@ -98,6 +101,12 @@ export declare class DashboardComponent implements OnInit, OnDestroy {
             eventDatesLabel: string;
             meetingDateLabel: string;
             timeTimezoneLabel: string;
+            /**
+             * A navigation intent emitted by {@link DashboardComponent} for the host
+             * application to act on. The library never performs navigation itself; it emits
+             * the resolved target `path` (from the {@link DashboardRouteConfig}) together
+             * with the triggering identifier so the host can route accordingly (Req 11.1).
+             */
             meetingsLabel: string;
             openForAttendanceTemplate: string;
             meetingListToggle: {
@@ -109,7 +118,7 @@ export declare class DashboardComponent implements OnInit, OnDestroy {
             ariaLabel: {
                 view: string;
                 viewEvent: string;
-                meetingListToggle: string; /** The resolved target route path from the active {@link DashboardRouteConfig}. */
+                meetingListToggle: string; /** The identifier that triggered the navigation (event/meeting/group id), when applicable. */
             };
             paginator: {
                 rangeTemplate: string;
@@ -123,6 +132,7 @@ export declare class DashboardComponent implements OnInit, OnDestroy {
             currentlyAttendingIndicator: string;
             logAttendanceLabel: string;
             leaveMeetingLabel: string;
+            inactiveMessage: string;
             ariaLabel: {
                 meetingNameLink: string;
                 logAttendance: string;
@@ -186,6 +196,8 @@ export declare class DashboardComponent implements OnInit, OnDestroy {
             groupDetail: string;
             viewAllEvents: string;
             viewAllGroups: string;
+            viewMeeting: string;
+            viewMeetingUnderEvent: string;
         };
     };
     /** Host navigation paths; falls back to the `constants.json` default when omitted (Req 11.1, 11.5). */
@@ -214,6 +226,8 @@ export declare class DashboardComponent implements OnInit, OnDestroy {
     attendancePermissions: AttendanceActionPermissions;
     /** Whether the viewport is at/below the mobile breakpoint (Req 15.1, 15.2). */
     isMobileView: boolean;
+    /** Event ids whose drill-down meetings are currently loading (spinner). */
+    loadingEventIds: ReadonlySet<string>;
     /** Whether the Upcoming Meetings & Events card is expanded. Starts collapsed. */
     meetingsExpanded: boolean;
     /** Whether the Your Groups card is expanded. Starts collapsed. */
@@ -295,8 +309,11 @@ export declare class DashboardComponent implements OnInit, OnDestroy {
      */
     onViewEvent(eventId: string): void;
     /**
-     * Emits the open-meeting navigation intent, targeting the `meetingDetail`
-     * route with the meeting id (Req 7.4, 11.1).
+     * Emits the open-meeting navigation intent to the view-meeting screen,
+     * matching the reference list: a meeting under an event targets
+     * `viewMeetingUnderEvent` with `eventId` + `meetingId` + `actionType=edit`; a
+     * standalone meeting targets `viewMeeting` with `meetingId` + `actionType=edit`.
+     * (Retained for the legacy string `openMeeting` output.)
      * @param {string} meetingId - The id of the meeting to open.
      * @return {void}
      * @memberof DashboardComponent
@@ -336,6 +353,39 @@ export declare class DashboardComponent implements OnInit, OnDestroy {
     onLoadEventMeetings(request: {
         eventId: string;
         page: number;
+        size: number;
+    }): void;
+    /**
+     * Updates the set of events whose drill-down meetings are currently loading,
+     * so each event card can show a spinner while its page resolves.
+     * @param {string} eventId - The event being loaded.
+     * @param {boolean} loading - Whether the load is in progress.
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    private setEventLoading;
+    /**
+     * Whether the given event's drill-down meetings are currently loading.
+     * @param {string} eventId - The event id.
+     * @return {boolean} True while the event's meetings are loading.
+     * @memberof DashboardComponent
+     */
+    isEventLoading(eventId: string): boolean;
+    /**
+     * Handles an attendance-button activation for an In-Progress meeting by
+     * emitting a navigation intent to the view-meeting screen with `eventId`,
+     * `meetingId`, and `actionType=edit` query params — producing a URL like
+     * `/events-and-meetings/view-event/view-meeting?eventId=...&meetingId=...&actionType=edit`.
+     * The Log Attendance popup is opened by that destination page.
+     * @param {{ eventId: string; meetingId: string }} request - The meeting identity.
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    onNavigateToMeeting(request: {
+        eventId: string;
+        meetingId: string;
+        logAttendance?: boolean;
+        leaveMeeting?: boolean;
     }): void;
     /**
      * Delegates a log-attendance request to the service, surfacing the

package/lib/models/attendance-state.model.d.ts

@@ -1,4 +1,11 @@
+/**
+ * Per-meeting attendance state as returned by the home endpoints.
+ * - NOT_ATTENDING: the user has not logged attendance (shows Log Attendance).
+ * - CURRENTLY_ATTENDING: the user is logged in (shows Leave Meeting + pill).
+ * - ATTENDED: the user attended and has since logged out.
+ */
 export declare enum AttendanceState {
     CURRENTLY_ATTENDING = "CURRENTLY_ATTENDING",
-    NOT_ATTENDING = "NOT_ATTENDING"
+    NOT_ATTENDING = "NOT_ATTENDING",
+    ATTENDED = "ATTENDED"
 }

package/lib/models/dashboard-route-config.model.d.ts

@@ -1,7 +1,21 @@
 export interface DashboardRouteConfig {
+    /** View-event screen; the dashboard appends `?eventId=`. e.g. `/events-and-meetings/view-event`. */
     eventDetail: string;
+    /** Legacy meeting-detail route (kept for backward compatibility). */
     meetingDetail: string;
     groupDetail: string;
     viewAllEvents: string;
     viewAllGroups: string;
+    /**
+     * Standalone view-meeting screen. The dashboard appends `meetingId` and
+     * `actionType=edit` (and `logAttendance=true` for the Log Attendance action),
+     * e.g. `/events-and-meetings/view-meeting`.
+     */
+    viewMeeting?: string;
+    /**
+     * View-meeting-under-event screen. The dashboard appends `eventId`,
+     * `meetingId`, and `actionType=edit`,
+     * e.g. `/events-and-meetings/view-event/view-meeting`.
+     */
+    viewMeetingUnderEvent?: string;
 }