246
Total User Interface
72
Low Complexity
142
Medium Complexity
32
High Complexity
12
Shared

User Interface components handle presentation logic, user interactions, and visual elements of the application.

Forgot Password Screen

Screen allowing users to request a password reset by entering their registered email address. Displays confirmation feedback once the reset ...

low Email & Password Login
Login Screen

The primary authentication screen for the mobile app, presenting email and password input fields with form validation and submission handlin...

medium Email & Password Login
Login Screen

Primary authentication screen providing email and password input fields, validation feedback, and navigation to password reset. Implements B...

medium Email & Password Login
Password Reset Screen

Screen reached via the time-limited deep-link token sent to the user's email. Allows the user to enter and confirm a new password. Validates...

low Email & Password Login
BankID Login Screen

Displays the BankID login option on the authentication screen and initiates the OAuth 2.0/OIDC flow by launching a secure in-app browser ses...

medium BankID Authentication
BankID Login Screen

Presents the BankID authentication option on the login screen and manages the secure in-app browser flow for BankID OAuth redirection. Handl...

high BankID Authentication
Vipps Login Screen

The authentication entry screen that presents the Vipps Login option to the user. Displays the Vipps branding, initiates the deep-link hando...

medium Vipps Authentication
Vipps Login Screen

Flutter screen presenting the Vipps Login option and managing the OAuth redirect flow. Displays the Vipps brand button, initiates the deep l...

medium Vipps Authentication
Biometric Prompt Widget

Displays the native biometric authentication prompt (Face ID on iOS, fingerprint/face unlock on Android) when the app is foregrounded with a...

medium Biometric Login (Face ID/Fingerprint)
Biometric Prompt Widget

Native biometric authentication prompt that displays Face ID or fingerprint verification UI on app foreground when an active session exists....

medium Biometric Login (Face ID/Fingerprint)
No Access Screen

Displayed to Global Admins who attempt to use the mobile app. Shows a clear message that the mobile app is not available for their role and ...

low Role-Based Access Control
Role Guard Widget

A reusable Flutter widget wrapper that conditionally renders or hides child widgets based on the current user's active role and required per...

low shared Role-Based Access Control
Profile Screen

Flutter screen that displays the authenticated user's personal profile information including name, contact details, role, and organization a...

medium Profile Data & Settings
Profile Screen

Main profile view screen that displays the user's personal information including name, contact details, role, organization affiliation, and ...

medium Profile Data & Settings
Profile Settings Screen

Centralized settings hub screen in Flutter where the user manages account-level preferences including display language, notification opt-ins...

medium Profile Data & Settings
Profile Settings Screen

Centralized self-service hub where users edit personal details, update preferences such as language and notification settings, and manage ac...

medium Profile Data & Settings
Role Switcher Widget

Compact widget accessible from the home screen and navigation bar that displays the currently active role and presents a selection list of a...

low Profile Switching
Role Switcher Widget

A compact UI component accessible from the home screen and navigation that displays the user's current active role and provides a selection ...

medium Profile Switching
Share Profile Screen

Displays a preview of the peer mentor's public-facing profile data — name, areas of expertise, and availability — before sharing. Provides s...

low Share Profile
Share Profile Screen

Displays a preview of the peer mentor's public-facing profile information before sharing. Shows name, role, areas of expertise, availability...

low Share Profile
Passkey Setup Screen

Guided wizard screen that walks the user through FIDO2 passkey registration on their device. Uses a step-by-step pattern with plain-language...

medium Authentication Methods (Passkeys)
Passkey Setup Screen

Guided wizard screen that walks users through FIDO2 passkey registration. Provides clear, accessible explanations of what passkeys are, disp...

high Authentication Methods (Passkeys)
Activity Success Feedback Widget

Lightweight overlay or snackbar confirming successful activity submission, displayed immediately after the quick log widget submits. Provide...

low Simple Activity Logging
Quick Log Widget

Persistent bottom navigation 'Add' tab widget providing immediate access to activity logging from any screen. Pre-populates all fields with ...

medium Simple Activity Logging
Quick Log Widget

Persistent bottom-navigation center tab widget providing immediate access to activity logging from any screen. Pre-populates intelligent def...

medium Simple Activity Logging
Activity Wizard Screen

Multi-step wizard container that hosts a nested Flutter navigator for the full activity registration flow. Manages step transitions, progres...

high Activity Registration Wizard
Activity Wizard Screen

Multi-step wizard screen that guides users through a structured activity registration flow. Each step is a separate widget rendered within a...

high Activity Registration Wizard
Calendar Picker Widget

Embedded widget that allows users to browse and select available device and Google calendars for synchronization. Displays calendar names, c...

medium Calendar Sync
Calendar Picker Widget

Interactive widget that allows peer mentors and coordinators to select calendar accounts, view synced events, and manage calendar connection...

medium Calendar Sync
Calendar Sync Settings Screen

Full settings screen for managing calendar synchronization preferences. Allows users to configure sync direction (push, pull, or bidirection...

medium Calendar Sync
Speech Input Widget

Microphone activation control embedded within activity note fields and structured report fields in the registration wizard. Displays a promi...

medium Speech-to-Text Input
Speech Input Widget

A reusable Flutter widget that provides a microphone button, real-time recording indicator, and stop control for voice dictation. It attache...

medium Speech-to-Text Input
Peer Mentor Selector Widget

Searchable dropdown or list picker widget that loads peer mentors within the coordinator's local association scope. Displays mentor name and...

low shared Coordinator Proxy Reporting
Proxy Registration Screen

Full-screen flow for coordinators to register an activity on behalf of a peer mentor. Mirrors the standard activity registration wizard but ...

medium Coordinator Proxy Reporting
Proxy Registration Screen

Coordinator-facing screen for registering activities on behalf of peer mentors. Presents a peer mentor selector at the top followed by the s...

medium Coordinator Proxy Reporting
Bulk Upload Screen

Primary screen for bulk activity registration, allowing coordinators to define an activity once and select multiple participants from their ...

high Bulk Registration
Bulk Upload Screen

Primary screen for bulk activity registration allowing coordinators to define a single activity and select multiple participants. Includes a...

high Bulk Registration
Event Creation Wizard

Multi-step wizard screen guiding users through event creation with steps for title, date, time, duration, location, and summary. Implements ...

medium Event Creation
Event Creation Wizard

Multi-step wizard screen guiding peer mentors and coordinators through structured event creation. Each step collects one piece of event data...

medium Event Creation
Event Date & Time Picker Widget

Reusable date and time selection widget used within the Event Creation Wizard steps for picking event date, start time, and duration. Provid...

low shared Event Creation
Events List Screen

Browsable, filterable list screen displaying all events relevant to the authenticated user within their organization. Renders paginated even...

medium Event Listing
Events List Screen

Scrollable, filterable list view of events relevant to the authenticated user. Displays event title, date, time, location, and registration ...

medium Event Listing
Event Registration Screen

Single-screen registration flow that displays event details and exposes a registration action button with an inline confirmation step. Imple...

medium Event Sign-up
Event Registration Screen

Single-screen registration flow that allows peer mentors and coordinators to sign up for an event. Displays event details, a confirmation st...

medium Event Sign-up
Proxy Target Selector Widget

Coordinator-only inline widget within the registration screen that allows selecting a contact or peer mentor on whose behalf the registratio...

low shared Event Sign-up
Expense Form Screen

Primary mobile screen for registering travel expenses including kilometre allowances, toll fees, parking, and public transport costs. Render...

high Travel Expense Registration
Expense Form Screen

Multi-section form screen for registering travel expenses with structured fixed-choice fields for kilometre allowance, toll fees, parking, a...

high Travel Expense Registration
Receipt Camera Widget

In-app widget enabling peer mentors to capture receipt photos via the device camera or select images from the gallery. Displays capture opti...

medium Receipt Photo Upload
Receipt Camera Widget

Provides in-app camera capture and gallery selection for receipt images. Uses Flutter image_picker to let peer mentors photograph receipts i...

medium Receipt Photo Upload
Receipt Preview Widget

Renders the list of attached receipt thumbnails on the expense form, with options to view full-screen, remove, or add further receipts. Surf...

low Receipt Photo Upload
Expense Type Admin Configuration Screen

Admin portal page where organisation administrators manage their expense type catalogue. Provides CRUD operations for expense types, configu...

medium Expense Types & Requirements
Expense Type Config Page

Admin portal page that allows organisation administrators to manage their expense type catalogue, configure mutual-exclusivity groups, set p...

medium Expense Types & Requirements
Expense Type Selector Widget

Mobile widget that renders the organisation-scoped catalogue of allowable expense types as a selectable list within expense forms. Enforces ...

medium Expense Types & Requirements
Expense Type Selector Widget

Interactive selection widget that presents the organisation's configured expense types with mutual-exclusivity enforcement. Renders availabl...

medium Expense Types & Requirements
Declaration Screen

Full-screen modal or wizard step that presents the confidentiality declaration text to the peer mentor and captures their digital acknowledg...

low Confidentiality Declarations
Declaration Screen

Full-screen modal presenting the confidentiality declaration text with a mandatory acknowledgement action. Injected as a conditional step in...

low Confidentiality Declarations
Contact Search Widget

Inline search bar component embedded in the contacts list that enables real-time contact lookup by name, phone number, or other identifiers....

medium Contact List & Search
Contact Search Widget

Reusable search input widget with debounced client-side filtering and fallback to server-side full-text search. Supports lookup by name, pho...

medium Contact List & Search
Contacts List Screen

Full-screen list view displaying all contacts accessible to the current user, with role-specific scoping. Peer mentors see only their assign...

medium Contact List & Search
Contacts List Screen

Primary screen displaying all contacts assigned to the current user or their local association. Implements role-specific views where peer me...

medium Contact List & Search
Contact Detail Screen

Full-profile view of a single contact, presenting personal details, caregiver relationships, assigned peer mentor, activity history, notes, ...

medium Contact Detail & Edit
Contact Detail Screen

Displays the full profile of a contact including personal details, caregiver relationships, assigned peer mentor, activity history summary, ...

medium Contact Detail & Edit
Contact Edit Screen

Inline edit form for updating a contact's personal details, built as a Flutter screen that reuses the shared AppTextField widget with approp...

medium Contact Detail & Edit
Contact Edit Screen

Inline edit form for contact information using the shared AppTextField widget with appropriate input types (phone, email, date pickers). Sen...

medium Contact Detail & Edit
Caregiver Screen

Displays caregiver and next-of-kin records as an expandable card section within the contact detail screen. Provides quick access to emergenc...

low Caregiver & Next-of-Kin
Caregiver Screen

Displays the list of caregivers and next-of-kin associated with a contact as expandable cards within the contact detail screen. Provides add...

low Caregiver & Next-of-Kin
Notes List Screen

Main Flutter screen displaying all notes associated with the current user's contacts in reverse-chronological order. Uses SliverList for per...

medium Notes List
Notes List Screen

Main screen displaying all notes in reverse-chronological order with preview text, contact name, and timestamp. Uses SliverList for performa...

medium Notes List
Notes Search & Filter Widget

Inline search bar and contact filter control rendered above the notes list. Supports keyword input for client-side filtering of cached notes...

low Notes List
Contact Search Widget

Reusable inline search widget that queries the contact store and returns a selected contact ID and display name. Used both in the Contacts a...

low shared Note Editor
Note Editor Screen

Full-screen Flutter form for creating and editing free-text notes linked to a specific contact. Hosts a labelled TextEditingController, a co...

medium Note Editor
Note Editor Screen

Flutter form screen for creating and editing free-text notes linked to a contact. Provides a TextEditingController-backed text field with au...

medium Note Editor
Accessible Stats Table Widget

Companion widget to the chart that presents the same aggregated data as a plain, screen-reader-friendly table. Required by WCAG 2.2 AA to en...

low Personal Activity Statistics
Statistics Dashboard Screen

The primary screen presenting a peer mentor's personal activity statistics, including contribution totals, engagement trends, and breakdowns...

medium Personal Activity Statistics
Statistics Dashboard Screen

Main statistics screen presenting peer mentors with visual charts and tabular breakdowns of their personal activity history. Renders bar cha...

medium Personal Activity Statistics
Stats Chart Widget

Reusable Flutter widget that renders activity data as visual charts (bar, line, or pie) using the fl_chart library. Pairs with the accessibl...

medium Personal Activity Statistics
Stats Filter Bar Widget

Compact filter control bar rendered at the top of the statistics dashboard, allowing the user to select a date range (week, month, quarter, ...

low Personal Activity Statistics
Association Context Switcher Widget

Compact widget rendered at the top of the Team Report Screen that allows coordinators with access to multiple local associations to switch t...

low Coordinator Team Reports
Team Filter Controls Widget

Reusable filter bar widget that allows coordinators to narrow report data by date range, activity type, and individual mentor. Emits filter ...

medium Coordinator Team Reports
Team Report Screen

Primary screen for coordinators to view aggregated activity data for all peer mentors within their local association. Displays summary cards...

high Coordinator Team Reports
Team Report Screen

Primary screen presenting aggregated team activity data for coordinators. Displays summary cards with totals and trends, sortable mentor bre...

medium Coordinator Team Reports
Report Preview Screen

Read-only Flutter screen that renders the compiled Bufdir report in structured layout before submission. Allows peer mentor organizations to...

medium Bufdir Report Generation
Report Preview Screen

Read-only structured layout displaying the compiled Bufdir report before submission. Renders aggregated activity data, participant counts, a...

high Bufdir Report Generation
Reporting Period Selector Widget

Reusable Flutter widget for selecting the date range and organizational scope of a Bufdir report. Supports predefined periods (quarterly, an...

low shared Bufdir Report Generation
Export Format Selector Widget

Reusable widget that presents available export format options (PDF, Excel/CSV) as selectable tiles. Disables unavailable formats and surface...

low Bufdir Export
Export Screen

Primary screen for triggering Bufdir report exports. Displays the approved report summary, export format options, and a prominent one-tap ex...

medium Bufdir Export
Export Screen

Primary screen for triggering Bufdir report exports. Displays the current report period, format options (PDF/CSV/Excel), and a one-click exp...

medium Bufdir Export
Integration Settings Screen

Per-organization configuration screen for connecting Meander to an external accounting system. Allows org admins to select the accounting sy...

medium Accounting System Integration
Integration Settings Screen

Admin-facing configuration screen where organization administrators set up and manage connections to external accounting systems. Provides f...

high Accounting System Integration
Assignment Compose Screen

Form screen for coordinators to compose a new encrypted assignment. Allows selection of a peer mentor recipient and entry of sensitive field...

high Encrypted Assignment Dispatch
Assignment Detail Screen

Full-screen view for a peer mentor to read an encrypted assignment after decryption. Displays sensitive fields (name, address, medical summa...

high Encrypted Assignment Dispatch
Assignment Detail Screen

Displays the full details of an encrypted assignment including contact information, assignment status, delivery and read receipts, and the 1...

high Encrypted Assignment Dispatch
Assignment Status Overview Widget

Coordinator-facing dashboard widget that lists all open assignments with real-time delivery and read status. Highlights assignments approach...

medium Encrypted Assignment Dispatch
Coordinator Threshold Overview Widget

Team-level view for coordinators showing assignment counts and threshold status for all peer mentors in their local association. Presents a ...

medium Assignment Threshold Tracking
Threshold Dashboard Widget

Motivational progress widget displayed on the peer mentor's home screen showing cumulative assignment count, current honorarium tier, and pr...

medium Assignment Threshold Tracking
Threshold Dashboard Widget

A motivational progress widget displayed on the peer mentor's home screen showing cumulative assignment count, current honorarium tier, and ...

medium Assignment Threshold Tracking
Notification Inbox Screen

Displays a chronological list of received push notifications for the authenticated user, grouped by recency. Each item shows the notificatio...

low Push Notifications
Notification Inbox Screen

Displays a chronological list of push notifications received by the user, with read/unread state indicators and swipe-to-dismiss. Tapping a ...

medium Push Notifications
Notification Preferences Screen

Flutter screen presenting a categorized list of notification scenarios with per-category toggles for push, email, and SMS channels. Rendered...

low Notification Settings
Notification Preferences Screen

Flutter screen presenting a categorized list of notification scenarios (assignments, activities, events, expenses, certificates) with per-ca...

low Notification Settings
QR Code Widget

On-device QR code renderer built on the qr_flutter package. Accepts a URL string and renders a scannable QR code entirely client-side with n...

low Invite Link & QR Sharing
QR Code Widget

Reusable widget that renders a QR code on-device from a given URL string using the qr_flutter package. The widget supports configurable size...

low Invite Link & QR Sharing
Referral Screen

Full-screen UI for peer mentors and coordinators to view, copy, and share their personalized referral link. Displays the generated link, a r...

low Invite Link & QR Sharing
Referral Screen

Primary screen where peer mentors and coordinators generate and manage their personalized referral links and QR codes. Displays the current ...

medium Invite Link & QR Sharing
Recruitment Dashboard

Flutter widget that displays aggregated referral attribution data for coordinators and organization admins. Shows conversion funnel metrics,...

medium Recruitment Tracking
Recruitment Dashboard

Dashboard screen showing referral conversion metrics, top recruiters, and onboarding funnel status for coordinators and organization admins....

medium Recruitment Tracking
Course Listing Screen

Displays available training courses in a filterable list view for peer mentors and coordinators. Supports filtering by date, availability, a...

medium Course Registration
Course Listing Screen

Displays a filterable, searchable list of available training courses with schedule details, prerequisites, and enrollment status indicators....

medium Course Registration
Course Registration Screen

Presents course details and allows users to submit a registration. Displays schedule, prerequisites, available seats, and confirmation flow....

medium Course Registration
Course Registration Screen

Presents course details including schedule, prerequisites, instructor information, and capacity, with a registration submission form. Handle...

medium Course Registration
Certificate Screen

Displays the peer mentor's digital certificate card with issuing organization, validity dates, and certification type. Renders a styled digi...

medium Digital Peer Mentor Certificate
Certificate Screen

Displays the peer mentor's digital certificate as a styled card showing certification status, validity dates, issuing organization, and cred...

medium Digital Peer Mentor Certificate
Workshop Facilitator Dashboard

Dedicated facilitator view accessible only to coordinators running a workshop session. Aggregates participant roster, structured notes edito...

medium Career Workshops
Workshop Participant Roster Widget

Embeddable roster widget displaying all registered participants for a workshop session. Sources participant data from the contacts and users...

low Career Workshops
Workshop Screen

Main screen for listing available career workshops and viewing workshop details. Extends the course listing pattern with workshop-specific m...

medium Career Workshops
Workshop Screen

Primary screen for listing available career workshops and displaying workshop details. Shows upcoming and past workshops with status indicat...

medium Career Workshops
Workshop Session Checklist Widget

Lightweight checklist widget for facilitators to manage session to-do items during a workshop. Items can be created, reordered, and checked ...

low Career Workshops
Summary Share Widget

Composable widget that renders a shareable image or deep link from the annual summary data. Strips all contact-identifiable information befo...

medium Annual Summary (Wrapped)
Wrapped Share Sheet

Bottom sheet widget that presents sharing options for the annual summary. Renders a pre-composed shareable image or deep link using the shar...

medium Annual Summary (Wrapped)
Wrapped Summary Screen

Full-screen animated year-in-review experience rendered in a Spotify Wrapped-style sequence of slides. Displays aggregated impact metrics — ...

high Annual Summary (Wrapped)
Wrapped Summary Screen

Full-screen animated year-in-review experience inspired by Spotify Wrapped. Presents sequential animated cards showing aggregated yearly sta...

high Annual Summary (Wrapped)
Badges Screen

Dedicated screen displaying all earned and locked achievement badges for a peer mentor. Renders badge grids using cached SVG assets with vis...

medium Achievement Badges
Badges Screen

Dedicated screen displaying all available and earned achievement badges in a grid layout. Shows locked/unlocked states with SVG badge assets...

medium Achievement Badges
Impact Calculator Screen

Primary interactive screen for the Advantage Calculator feature. Renders input fields for activity hours, number of contacts supported, and ...

medium Advantage Calculator
Impact Calculator Screen

Interactive Flutter screen where peer mentors and coordinators input their activity hours, number of contacts supported, and travel costs to...

medium Advantage Calculator
Talking Cards Screen

Full-screen Flutter widget presenting conversation-starter cards to the peer mentor during a support session. Displays one card at a time wi...

low Talking Cards Toolbox
Talking Cards Screen

Main screen presenting curated conversation-starter cards to peer mentors during support sessions. Supports browsing by category, shuffling/...

low Talking Cards Toolbox
Accessibility Design System

Centralized design token system enforcing WCAG 2.2 AA constraints at the component level. Encapsulates color contrast ratios (4.5:1 body, 3:...

high shared WCAG 2.2 AA Compliance
Accessibility Design System

A shared design token system that enforces WCAG 2.2 AA compliance at the component level. It encapsulates color tokens with guaranteed contr...

high shared WCAG 2.2 AA Compliance
Focus Indicator Widget

Reusable focus ring overlay widget that renders a visible, high-contrast focus indicator around any focusable element during keyboard or swi...

low shared WCAG 2.2 AA Compliance
Sensitive Field Widget

A Flutter widget wrapper that annotates sensitive data fields and intercepts accessibility focus events from screen readers such as TalkBack...

high Sensitive Field Readout Warning
Sensitive Field Widget

A wrapper widget that intercepts Flutter's accessibility focus and speak events on fields marked as sensitive. When a screen reader (VoiceOv...

high Sensitive Field Readout Warning
Language Settings Screen

A dedicated settings screen that allows users to select their preferred app language, including Northern Sami and any future Sami dialects. ...

low Sami Language Support
Language Settings Screen

A dedicated settings screen that allows users to browse available languages, select a Sami language variant (initially Northern Sami), and p...

medium Sami Language Support
Home Screen

The root home screen widget that branches the UI tree based on the authenticated user's role. Subscribes to the Auth BLoC to retrieve the cu...

medium Role-Specific Home Dashboard
Home Screen

The primary landing screen displayed after authentication, dynamically rendering role-specific content layouts. For Peer Mentors it shows re...

medium Role-Specific Home Dashboard
Settings Screen

Centralized settings screen accessible from the hamburger menu, presenting grouped configuration sections using a semantic list pattern. Cov...

medium App Settings & Preferences
Settings Screen

Centralized settings screen accessible from the hamburger menu, presenting grouped configuration sections including notification preferences...

low App Settings & Preferences
Resources Screen

Displays a curated, grouped list of external URLs and resources relevant to peer mentors and coordinators. Renders category headers with gro...

low External Resource Links
Resources Screen

Flutter screen displaying a grouped list of curated external links organized by category. Renders category headers with expandable/collapsib...

low External Resource Links
Contact Support Screen

Static support screen in the Flutter mobile app that surfaces contextual contact options — email, phone, and message form — based on the use...

low Contact Us
Contact Support Screen

In-app support screen presenting contextual contact options (email, phone, message form) based on the user's role and organization configura...

low Contact Us
Privacy Policy Screen

Scrollable, read-only Flutter screen that renders the platform privacy policy as rich text. Accessible from both the onboarding flow and the...

low Privacy Policy
Privacy Policy Screen

A read-only, scrollable Flutter screen that renders the platform's privacy policy as rich text content. Supports dynamic text scaling up to ...

low Privacy Policy
Accessibility Statement Screen

A static, scrollable screen that presents the platform's formal accessibility statement in compliance with Norwegian IKT-regulations. Displa...

low Accessibility Statement
Accessibility Statement Screen

A read-only Flutter screen that renders the platform's accessibility statement as scrollable rich text following the Norwegian Digitaliserin...

low Accessibility Statement
FAQ Screen

Main FAQ screen for the mobile app that presents a searchable, categorized list of frequently asked questions grouped by topic. Renders expa...

medium FAQ
FAQ Screen

Main FAQ screen displaying a searchable, categorized list of frequently asked questions with expand/collapse functionality. Renders FAQ item...

medium FAQ
Offline Status Indicator

A persistent UI banner or icon that communicates the current network connectivity state to the user. Displays a clear offline mode indicator...

low Offline Data Support
KPI Dashboard Page

Server-side rendered Next.js page that displays the organization's key performance indicators in a responsive card grid layout. Renders scop...

medium Dashboard KPIs
KPI Dashboard Page

Server-side rendered Next.js page that presents organization-level key performance indicators in a responsive card grid layout. Displays rea...

medium Dashboard KPIs
Activity Feed Component

Paginated, filterable chronological list of recent activity events displayed in the admin portal dashboard. Each feed item renders the activ...

medium Activity Feed
Activity Feed Component

Paginated, filterable list component that renders a chronological stream of recent activity events across the organization. Displays activit...

medium Activity Feed
Activity Feed Filter Panel

Collapsible filter control panel that allows administrators and coordinators to narrow the activity feed by date range, peer mentor, activit...

medium Activity Feed
User Detail Page

Server-side rendered Next.js page that displays full profile information for a single user, including contact details, organizational affili...

medium User CRUD
User Detail Page

Server-rendered Next.js page at /admin/users/[id] showing the full profile of a single user including personal details, organization affilia...

medium User CRUD
User Invite Modal

Modal dialog component for inviting new users by entering their email address and assigning an initial role and organization. Submits a POST...

low User CRUD
User List Page

Server-side rendered Next.js page under /admin/users that displays a paginated, searchable, and filterable list of users within the authenti...

medium User CRUD
User List Page

Server-rendered Next.js page at /admin/users displaying a paginated, searchable table of all users within the authenticated administrator's ...

medium User CRUD
Role Assignment Component

Admin portal UI component that renders a dropdown or toggle interface for selecting and modifying user roles. Displays the user's current ro...

medium Role Assignment
Role Assignment Component

Admin portal UI component for viewing and modifying user roles. Renders a role selection interface (dropdown or toggle) for each assignable ...

medium Role Assignment
Bulk Action Toolbar

Contextual toolbar that renders conditionally within the user list page when one or more users are selected via checkboxes. Displays availab...

medium Bulk Actions
Bulk Action Toolbar

Contextual toolbar that appears when one or more users are selected in the user list. Renders action buttons for deactivate, reassign roles,...

medium Bulk Actions
Activity Detail Panel

Slide-over or modal panel rendering the full detail of a selected activity registration including contact association, activity type, durati...

medium Activity Review & Approval
Activity Review Page

Server-side rendered Next.js page displaying the paginated review queue of pending activity registrations scoped to the coordinator's local ...

medium Activity Review & Approval
Activity Review Page

Server-side rendered Next.js page presenting the activity review queue. Displays pending activities scoped to the coordinator's local associ...

medium Activity Review & Approval
Approval Status Indicator

Reusable badge/chip widget that renders the approval status of an activity (pending_review, approved, rejected, corrected) with consistent c...

low shared Activity Review & Approval
Bulk Approve Toolbar

Contextual toolbar that appears when one or more activities are selected in the review queue, exposing bulk approve and bulk reject actions ...

low Activity Review & Approval
Flag Management Component

Admin portal page that lists all flagged activities with contextual detail for investigation and resolution. Displays flag reason, flagger i...

medium Activity Flagging
Flag Management Component

Admin portal page component that displays all flagged activities in a filterable, sortable list. Shows flag reason, flagger identity, age of...

medium Activity Flagging
Approval Decision Modal

Modal dialog for confirming individual or batch approval or rejection decisions. Collects an optional coordinator comment for approvals and ...

low Expense Approval Queue
Expense Queue Page

Server-side rendered Next.js page displaying all pending expense claims across the organization. Provides filtering by status, date range, e...

high Expense Approval Queue
Expense Queue Page

Server-rendered Next.js page presenting all pending expense claims in a filterable, paginated queue. Coordinators and Org Admins can review ...

medium Expense Approval Queue
Receipt Preview Widget

Inline image viewer for receipt photos attached to expense claims. Supports thumbnail display within queue rows and full-size modal view. Fe...

medium shared Expense Approval Queue
Auto-Approval Config Page

Next.js admin page where Organization Admins create, edit, enable, and delete auto-approval rules for their organization. Presents a form-ba...

medium Auto-Approval Rules
Auto-Approval Config Page

Next.js admin page where Organization Admins create, edit, enable/disable, and delete threshold-based auto-approval rules for their organiza...

medium Auto-Approval Rules
Reimbursement Dashboard

Next.js SSR page providing a consolidated view of all expense reimbursements across the organization. Displays summary statistics, period-ba...

medium Reimbursement Overview
Reimbursement Dashboard

Next.js SSR page providing organization administrators with a consolidated view of all expense reimbursements. Displays summary statistics (...

medium Reimbursement Overview
Reimbursement Data Table

Sortable, paginated table component rendering the per-reimbursement breakdown with columns for peer mentor, period, expense type, amount, st...

medium Reimbursement Overview
Reimbursement Filters Panel

Filter controls panel for the reimbursement dashboard, supporting date-range selection, period granularity (month/quarter/year), status filt...

low Reimbursement Overview
Report Charts Widget

Client-side chart component using Recharts to render bar and line visualizations of activity trends over time. Supports switching between ch...

medium Team Reports
Report Filter Bar

UI component providing controls for filtering report data by date range, local association, activity type, and individual peer mentor. Manag...

medium shared Team Reports
Reports Dashboard Page

Server-side rendered Next.js page that presents aggregated team activity data to coordinators and organization administrators. Combines summ...

high Team Reports
Reports Dashboard Page

Server-side rendered Next.js page providing coordinators and organization administrators with aggregated team activity views. Displays summa...

medium Team Reports
Bufdir Export Page

Main admin page for generating and downloading Bufdir-compliant export files. Provides reporting period selection, export format choice, a p...

medium Bufdir Export
Bufdir Export Page

Admin portal page that allows organization administrators to configure export parameters, preview mapped Bufdir data in a human-readable tab...

medium Bufdir Export
Export Preview Table

Renders the Bufdir-mapped data in a structured, human-readable table before the file is downloaded. Displays all required Bufdir fields with...

medium Bufdir Export
Reporting Period Selector

Widget for selecting the start and end dates of the Bufdir reporting period. Validates that the selected range conforms to Bufdir reporting ...

low Bufdir Export
Field Selector Panel

A sub-panel within the Report Builder Page that lists all allowable report dimensions and metrics. Users select fields via checkboxes or dra...

medium Custom Reports
Filter Configuration Panel

Allows users to add, edit, and remove multiple simultaneous filter conditions. Each condition targets a specific field with an operator (equ...

medium Custom Reports
Report Builder Page

The primary admin portal page for constructing ad-hoc reports. Provides a checkbox-based or drag-and-drop field selector, filter configurati...

high Custom Reports
Report Builder Page

Interactive page where administrators and coordinators build ad-hoc reports by selecting dimensions, metrics, filters, and grouping options....

high Custom Reports
Report Results Table

Displays the tabular output of a custom report execution. Renders dynamic columns based on the selected fields, supports client-side column ...

medium Custom Reports
Saved Report Configurations Panel

A side panel or modal that lists all report configurations saved by the current user and those shared organization-wide. Allows loading, ren...

low Custom Reports
Saved Reports List

Displays personal and organization-shared saved report configurations with options to load, edit, duplicate, delete, and share. Shows last-r...

low Custom Reports
Organization Settings Page

Server-side rendered Next.js admin page providing a structured form for managing all organization-wide configuration. Organized into section...

medium Organization Settings
Organization Settings Page

Next.js server-side rendered admin page providing a centralized configuration panel for managing organization-wide preferences, branding, an...

medium Organization Settings
Terminology Config Page

Admin portal page (Next.js) that renders a grouped form for configuring organization-specific label overrides. Displays label categories (ro...

medium Custom Terminology
Terminology Config Page

Admin portal page where organization administrators configure custom label overrides for their organization. Renders a grouped form with cat...

medium Custom Terminology
Terminology Preview Widget

Inline preview component embedded in the Terminology Config Page that renders sample UI strings using the currently unsaved label values. Al...

low Custom Terminology
Feature Toggle Page

Admin portal page that displays all available feature flags for an organization with toggle switches, descriptions, and documentation links....

medium Feature Toggles
Feature Toggle Page

Admin portal page displaying all available feature flags for the organization as a data table with toggle switches, descriptions, and docume...

medium Feature Toggles
Hierarchy Management Page

Full-page admin interface for viewing and managing the organizational tree structure. Renders a recursive tree view of all organizations wit...

high Multi-Organization Hierarchy
Hierarchy Management Page

Admin portal page that renders the full organizational hierarchy as an interactive tree view. Supports expand/collapse controls, drill-down ...

high Multi-Organization Hierarchy
Organization Node Editor

Inline editing panel that appears contextually within the hierarchy tree to allow administrators to rename an organization, change its paren...

medium Multi-Organization Hierarchy
Organization Tree Widget

Reusable recursive React component that renders a single level of the organization hierarchy and recursively renders child nodes. Handles ex...

high Multi-Organization Hierarchy
Association Membership Panel

An expandable inline UI panel displayed within each user row on the Member Association Page. Shows all associations the user currently belon...

medium Member Associations
Bulk Association Assignment Dialog

A modal dialog that allows administrators to assign multiple users to a local association simultaneously. Provides a multi-select user picke...

medium Member Associations
Member Association Page

The primary admin portal page for managing user-to-local-association memberships. Renders a searchable, paginated list of users with an expa...

medium Member Associations
Member Association Page

Admin portal page for managing user-to-local-association memberships. Renders a searchable user list with expandable association panels per ...

medium Member Associations
Integration Settings Page

Admin-facing page for managing the external Dynamics portal connection. Allows organization admins to configure API credentials, toggle data...

medium External Portal Integration
Integration Settings Page

Admin-facing configuration page where organization administrators manage external portal connection settings, API credentials, data-sharing ...

high External Portal Integration
Sync Status Dashboard Widget

Inline dashboard widget embedded in the Security Dashboard and Integration Settings Page that visualises current sync health, last successfu...

low External Portal Integration
Accounting Integration Page

Admin-facing configuration page for connecting Meander to an organisation's accounting system. Allows admins to input and manage encrypted c...

high Accounting API
Accounting Integration Page

Admin portal page for configuring accounting system connections per organization. Allows admins to enter and store encrypted API credentials...

high Accounting API
Security Dashboard Page

Next.js server-rendered admin page that presents a real-time overview of the platform's security posture. Displays metric cards, time-series...

medium Security Dashboard
Security Dashboard Page

Next.js server-rendered admin page that displays real-time security posture metrics including failed login counts, active session counts, su...

medium Security Dashboard
Audit Log Page

Paginated, filterable admin portal page displaying the full audit trail of platform actions. Supports filtering by date range, user, action ...

high Audit Log
Audit Log Page

Admin portal page providing a paginated, filterable view of all audit log entries. Supports server-side cursor-based pagination for performa...

high Audit Log
Manage Sessions Screen

Mobile app screen accessible from Settings that allows users to view and revoke their own active sessions. Displays each session's device ty...

low Session Management
Session Management Page

Server-rendered Next.js admin page that displays all active sessions for users within the administrator's organization scope. Shows device t...

medium Session Management
Session Management Page

Server-rendered Next.js admin page that displays all active user sessions within the administrator's organization scope. Provides a filterab...

medium Session Management
Landing Page

Primary entry-point page for the Product Sales Website, rendering the hero section, benefit highlights, social proof, and call-to-action blo...

medium Product Landing Page
Landing Page

The main product landing page built as a Next.js statically generated page. Renders the hero section, benefit highlights, social proof eleme...

medium Product Landing Page
Features Page

Static Next.js SSG page that presents Meander's platform capabilities in a structured, scannable format for prospective buyers. Organizes fe...

low Feature Overview
Features Page

Static Next.js page that presents Meander's core capabilities organized by product area (mobile app, admin portal). Renders structured featu...

low Feature Overview
Calculator Page

Interactive client-side page that renders the full impact calculator tool for prospective organizations. Displays input controls (sliders an...

medium Impact Calculator
Calculator Page

Full-page interactive impact calculator that allows prospective organizations to input operational variables (number of peer mentors, monthl...

medium Impact Calculator
Comparison Table Component

Interactive side-by-side comparison table presenting current-state manual workflows versus Meander Starter and Meander Full pricing tiers. R...

low Cost Comparison
Comparison Table Component

Responsive, accessible HTML table presenting side-by-side cost and capability comparisons between current manual workflows and Meander platf...

low Cost Comparison
Demo Booking Form

Multi-field Next.js page component that collects contact and organizational information from prospective organizations requesting a product ...

medium Booking Form
Demo Booking Form

Next.js page component providing a structured demo booking form for prospective organizations. Collects contact name, role, organization nam...

medium Booking Form
Confirmation Page

Server-side rendered Next.js page displayed immediately after a successful demo booking form submission. Presents personalized messaging usi...

low Booking Confirmation
Confirmation Page

Server-rendered Next.js page displayed immediately after successful demo booking form submission. Shows personalized confirmation messaging ...

low Booking Confirmation
Privacy Policy Page

Static Next.js page rendering the full GDPR-compliant privacy policy for the Meander sales website. Displays structured sections covering da...

low Privacy Policy
Privacy Policy Page

Static Next.js page that renders the full GDPR-compliant privacy policy for the Meander product sales website. Displays structured legal con...

low Privacy Policy
Terms of Service Page

Static Next.js page rendering the full Terms of Service agreement between Norse Digital Products and purchasing organizations. Structured wi...

low Terms of Service
Terms of Service Page

Static Next.js page rendering the full Terms of Service legal document with numbered sections, in-page table of contents for navigation, vis...

low Terms of Service
Data Processing Agreement Page

Static Next.js page rendering the full GDPR Article 28 Data Processing Agreement between Norse Digital Products and client organizations. St...

low DPA
Data Processing Agreement Page

Static Next.js page rendering the full GDPR Article 28 Data Processing Agreement with numbered articles covering processing subject matter, ...

low DPA
Cookie Consent Widget

Client-side React component displayed on first visit before any non-essential scripts are initialized. Collects visitor consent per cookie c...

medium Cookie Policy
Cookie Consent Widget

Client-side React component rendered as a banner or modal on first visit, collecting visitor cookie preferences before any non-essential scr...

medium Cookie Policy
Cookie Policy Page

Static Next.js page listing all cookies and tracking technologies used on the Meander sales website, organized by category: strictly necessa...

low Cookie Policy
Cookie Policy Page

Static Next.js page displaying the full cookie policy with cookies categorized by purpose (strictly necessary, analytics, marketing). Each c...

low Cookie Policy
Service Level Agreement Page

Static Next.js page presenting the full SLA document with structured sections covering uptime targets, support tier response times, incident...

low Service-Level Agreement
Service Level Agreement Page

Static Next.js page rendering the full SLA document with structured sections covering availability targets, support tiers, incident severity...

low Service-Level Agreement