Feature Inventory

akveo/ngx-admin

Generated by Inkwell Forge — automated codebase documentation analysis. Based on analysis of 100 screens. Subject matter expert review is recommended before distribution.

May 5, 2026

Feature Inventory

Cover

Feature Inventory
Project ngx-admin
Generated May 3, 2026
Screens Analyzed 100
Generated by Inkwell Forge

2. Feature Inventory Table

# Feature Name Screen(s) Category Sub-Category User Role(s) Type Status Priority Complexity Description
FEAT-001 Flip Earning Card Earning Card (/e-commerce/earning-card) UI Interaction Card Flip Authenticated User Functional Active Should Simple User toggles the earning card between its front and back faces via a single click interaction.
FEAT-002 View D3 Advanced Pie Chart D3 (/charts/d3) Data Visualization Chart Display Authenticated User Functional Active Should Simple User views a static advanced pie chart displaying population data for Germany, USA, and France with theme-aware colors.
FEAT-003 View Chartjs Horizontal Bar Chart Chartjs (/charts/chartjs) Data Visualization Chart Display Authenticated User Functional Active Should Simple User views a horizontal bar chart with two randomly generated datasets across six months, styled with the active theme.
FEAT-004 Embed Rich Text Editor (TinyMCE) Tiny Mce (/@theme/components/tiny-mce) Content Editing Rich Text Authenticated User Functional Active Should Medium A parent page embeds the TinyMCE WYSIWYG editor and receives HTML content emitted on each keyup event.
FEAT-005 View Solar Energy Donut Chart Solar (/dashboard/solar) Data Visualization Chart Display Authenticated User Functional Active Should Medium User views a donut chart showing solar energy consumption percentage alongside static kWh figures.
FEAT-006 View Device Status Cards Dashboard (/dashboard) Dashboard Status Display Authenticated User Functional Active Must Medium User views four device status cards (Light, Roller Shades, Wireless Audio, Coffee Maker) with theme-adaptive color coding.
FEAT-007 View Solar Energy Reading Dashboard (/dashboard) Dashboard Live Data Authenticated User Functional Active Must Medium User views a live-updating numeric solar energy value sourced from the SolarData service.
FEAT-008 View Application Footer Footer (/@theme/components/footer) Layout Navigation All Users Functional Active Must Simple User sees the application footer with an Akveo attribution link and social media icon links.
FEAT-009 Navigate to Akveo Website Footer (/@theme/components/footer) Navigation External Link All Users Functional Active Could Simple User clicks the Akveo attribution link in the footer to open the Akveo website in a new browser tab.
FEAT-010 Expand Search Input Search Input (/@theme/components/search-input) UI Interaction Search Authenticated User Functional Active Should Simple User clicks the search icon to expand a text input field that auto-focuses for immediate typing.
FEAT-011 Collapse Search Input on Blur Search Input (/@theme/components/search-input) UI Interaction Search Authenticated User Functional Active Should Simple The search input automatically collapses when it loses focus, restoring the compact navigation state.
FEAT-012 Emit Search Query Search Input (/@theme/components/search-input) Search Query Emission Authenticated User Functional Active Should Simple The search input emits the current text value to its parent component on every keystroke for live search handling.
FEAT-013 Toggle Sidebar Header (/@theme/components/header) Navigation Layout Control Authenticated User Functional Active Must Simple User clicks the sidebar toggle button to compact or expand the main navigation sidebar.
FEAT-014 Navigate Home Header (/@theme/components/header) Navigation Home Authenticated User Functional Active Must Simple User clicks the application logo or home link in the header to navigate to the registered home route.
FEAT-015 Switch Application Theme Header (/@theme/components/header) Personalization Theme Authenticated User Functional Active Should Simple User selects a theme (Default, Dark, Cosmic, Corporate) from the header theme selector to change the application's visual appearance.
FEAT-016 View User Context Menu Header (/@theme/components/header) Navigation User Account Authenticated User Functional Active Must Simple User opens a context menu from the header showing Profile and Log out options.
FEAT-017 Responsive User Avatar Display Header (/@theme/components/header) UI Interaction Responsive Authenticated User Functional Active Should Simple The header automatically shows only the user avatar on viewports narrower than the xl breakpoint and the full user display on wider viewports.
FEAT-018 View ECharts Stacked Area Chart Echarts (/charts/echarts) Data Visualization Chart Display Authenticated User Functional Active Should Medium User views a stacked area line chart showing simulated marketing channel performance data across a week with theme-aware styling.
FEAT-019 Drag Temperature Arc Slider Temperature Dragger (/dashboard/temperature/temperature-dragger) UI Interaction Control Authenticated User Functional Active Should Complex User drags a circular arc slider to set a numeric value within a defined min/max range with step snapping.
FEAT-020 Toggle Temperature Dragger Power Temperature Dragger (/dashboard/temperature/temperature-dragger) UI Interaction Control Authenticated User Functional Active Should Simple User toggles the temperature dragger on or off, saving and restoring the value across power state changes.
FEAT-021 View Country Orders Map Country Orders (/e-commerce/country-orders) Data Visualization Map Authenticated User Functional Active Should Complex User views an interactive world map and clicks a country to load and display its order category data in a chart.
FEAT-022 Select Country on Map Country Orders (/e-commerce/country-orders) UI Interaction Map Selection Authenticated User Functional Active Should Medium User clicks a country on the map to trigger a data fetch and update the adjacent bar chart with that country's order statistics.
FEAT-023 Select Room on Floor Plan Room Selector (/dashboard/rooms/room-selector) UI Interaction Selection Authenticated User Functional Active Should Medium User clicks a room on the SVG floor plan to select it, which highlights the room and emits the room identifier to the parent component.
FEAT-024 View Traffic Line Chart Traffic (/dashboard/traffic) Data Visualization Chart Display Authenticated User Functional Active Should Medium User views a responsive line chart displaying traffic volume in MB with a shadow depth effect and interactive hover tooltips.
FEAT-025 View Contacts List Contacts (/dashboard/contacts) Dashboard Directory Authenticated User Functional Active Should Medium User views a list of contacts with names, avatars, and relationship types loaded in parallel with recent users.
FEAT-026 View Recent Users List Contacts (/dashboard/contacts) Dashboard Directory Authenticated User Functional Active Should Medium User views a list of recently active users with names, avatars, types, and timestamps.
FEAT-027 Select Room and Expand Player Rooms (/dashboard/rooms) UI Interaction Media Control Authenticated User Functional Active Should Medium User selects a room from the room selector to expand the media player panel for that room.
FEAT-028 Collapse Media Player Rooms (/dashboard/rooms) UI Interaction Media Control Authenticated User Functional Active Should Simple User clicks the collapse icon to hide the media player panel and return to the compact room overview.
FEAT-029 Play or Pause Audio Track Player (/dashboard/rooms/player) Media Playback Audio Authenticated User Functional Active Should Simple User clicks the play/pause button to start or stop playback of the currently loaded audio track.
FEAT-030 Skip to Next Track Player (/dashboard/rooms/player) Media Playback Audio Authenticated User Functional Active Should Simple User clicks the next button to advance to the next track in the playlist, respecting shuffle and loop settings.
FEAT-031 Skip to Previous Track Player (/dashboard/rooms/player) Media Playback Audio Authenticated User Functional Active Should Simple User clicks the previous button to go back to the prior track in the playlist, respecting shuffle and loop settings.
FEAT-032 Toggle Shuffle Mode Player (/dashboard/rooms/player) Media Playback Audio Authenticated User Functional Active Should Simple User toggles shuffle mode on or off, causing subsequent track navigation to select random tracks instead of sequential ones.
FEAT-033 Toggle Loop Mode Player (/dashboard/rooms/player) Media Playback Audio Authenticated User Functional Active Should Simple User toggles loop mode on or off, causing the current track to restart automatically when it ends.
FEAT-034 Adjust Playback Volume Player (/dashboard/rooms/player) Media Playback Audio Authenticated User Functional Active Should Simple User drags the volume slider to set the audio playback volume between 0 and 100 percent.
FEAT-035 Seek Playback Position Player (/dashboard/rooms/player) Media Playback Audio Authenticated User Functional Active Should Simple User drags the progress slider to jump to a specific position within the currently playing track.
FEAT-036 View Country Orders Bar Chart Chart (/e-commerce/country-orders/chart) Data Visualization Chart Display Authenticated User Functional Active Should Medium User views a horizontal bar chart displaying order category data for the selected country with a layered shadow-gradient visual style.
FEAT-037 View Electricity Usage Chart Electricity Chart (/dashboard/electricity/electricity-chart) Data Visualization Chart Display Authenticated User Functional Active Should Medium User views a responsive gradient line chart showing electricity consumption in kWh over labeled time periods.
FEAT-038 View Temperature and Humidity Data Temperature (/dashboard/temperature) Dashboard Sensor Data Authenticated User Functional Active Should Medium User views current temperature and humidity readings with min/max ranges loaded in parallel from the data service.
FEAT-039 Toggle Temperature Unit On/Off Temperature (/dashboard/temperature) UI Interaction Control Authenticated User Functional Active Should Simple User toggles the temperature control unit on or off, visually reflecting the active or inactive state.
FEAT-040 Switch Temperature Mode Temperature (/dashboard/temperature) UI Interaction Control Authenticated User Functional Active Should Simple User switches the temperature unit between cool and heat modes.
FEAT-041 Toggle Humidity Unit On/Off Temperature (/dashboard/temperature) UI Interaction Control Authenticated User Functional Active Should Simple User toggles the humidity control unit on or off, visually reflecting the active or inactive state.
FEAT-042 Switch Humidity Mode Temperature (/dashboard/temperature) UI Interaction Control Authenticated User Functional Active Should Simple User switches the humidity unit between heat and cool modes.
FEAT-043 Embed CKEditor Rich Text Editor Ckeditor (/editors/ckeditor) Content Editing Rich Text Authenticated User Functional Active Should Medium User composes and formats rich text content using the CKEditor 4 WYSIWYG editor loaded from the CKEditor CDN.
FEAT-044 View User Activity Table User Activity (/e-commerce/user-activity) Data Visualization Table Authenticated User Functional Active Should Medium User views a table of user activity metrics (page visits, new visits, delta direction) for the selected time period.
FEAT-045 Switch User Activity Period User Activity (/e-commerce/user-activity) UI Interaction Filter Authenticated User Functional Active Should Simple User selects a time period (week, month, year) to reload and display user activity data for that period.
FEAT-046 View Profit Card Front (Bar Chart) Front Side (/e-commerce/profit-card/front-side) Data Visualization Chart Display Authenticated User Functional Active Should Medium User views an animated grouped bar chart showing transactions and orders data with staggered entrance animations.
FEAT-047 View Visitors Analytics Charts Visitors Analytics (/e-commerce/visitors-analytics) Data Visualization Chart Display Authenticated User Functional Active Should Complex User views a composite visualization of unique visitors and page views data including inner line, outer line, and pie chart components.
FEAT-048 Toggle Visitors Statistics Slide-Out Slide Out (/e-commerce/slide-out) UI Interaction Panel Toggle Authenticated User Functional Active Should Simple User toggles the visibility of a slide-out statistics panel alongside the main e-commerce content area.
FEAT-049 Switch Traffic Reveal Card Period Traffic Cards Header (/e-commerce/traffic-reveal-card/traffic-cards-header) UI Interaction Filter Authenticated User Functional Active Should Simple User selects a time period (week, month, year) from the traffic card header to filter the displayed traffic data.
FEAT-050 View Traffic Comparison Bar Traffic Bar (/e-commerce/traffic-reveal-card/front-side/traffic-bar) Data Visualization Comparison Authenticated User Functional Active Should Simple User views a traffic comparison bar showing previous and next period dates and values with a directional delta indicator.
FEAT-051 View Traffic Back Card Chart Back Side (/e-commerce/traffic-reveal-card/back-side) Data Visualization Chart Display Authenticated User Functional Active Should Medium User views the back face of the traffic reveal card showing a bar chart breakdown of traffic data.
FEAT-052 View Traffic Front Card Summary Front Side (/e-commerce/traffic-reveal-card/front-side) Data Visualization Summary Authenticated User Functional Active Should Medium User views the front face of the traffic reveal card showing a traffic summary with date, value, delta, and period comparison.
FEAT-053 View E-Commerce Progress Section Progress Section (/e-commerce/progress-section) Data Visualization Progress Authenticated User Functional Active Should Medium User views a collection of labeled progress bars representing key e-commerce performance metrics with titles, values, and descriptions.
FEAT-054 View Profit Card Back (Area Chart) Back Side (/e-commerce/profit-card/back-side) Data Visualization Chart Display Authenticated User Functional Active Should Medium User views a gradient area chart on the back face of the profit card showing profit trend data points.
FEAT-055 View Form Layouts Showcase Form Layouts (/forms/form-layouts) UI Showcase Forms Developer / Designer Functional Active Could Simple Developer views a showcase of available form layout patterns (horizontal, vertical, inline, grid) for reference.
FEAT-056 View Spinner Sizes Showcase Spinner Sizes (/extra-components/spinner/spinner-sizes) UI Showcase Spinner Developer / Designer Functional Active Could Simple Developer views a showcase of all available spinner size variants for reference.
FEAT-057 View Progress Bar Showcase Progress Bar (/extra-components/progress-bar) UI Showcase Progress Developer / Designer Functional Active Could Simple Developer views a showcase of available progress bar styles and configurations for reference.
FEAT-058 Trigger Spinner Loading Animation Spinner (/extra-components/spinner) UI Interaction Loading State Developer / Designer Functional Active Could Simple User clicks a button to trigger a 3-second simulated loading animation demonstrating the spinner component.
FEAT-059 Increment Progress Bar Value Interactive Progress Bar (/extra-components/progress-bar/interactive-progress-bar) UI Interaction Progress Control Developer / Designer Functional Active Could Simple User clicks the increase button to raise the progress bar value by 25 percent, up to a maximum of 100.
FEAT-060 Decrement Progress Bar Value Interactive Progress Bar (/extra-components/progress-bar/interactive-progress-bar) UI Interaction Progress Control Developer / Designer Functional Active Could Simple User clicks the decrease button to lower the progress bar value by 25 percent, down to a minimum of 0.
FEAT-061 View Progress Bar Status Threshold Interactive Progress Bar (/extra-components/progress-bar/interactive-progress-bar) Data Visualization Status Developer / Designer Functional Active Could Simple The progress bar automatically changes its visual status color (danger, warning, info, success) based on the current value threshold.
FEAT-062 View Buttons Showcase Buttons (/forms/buttons) UI Showcase Buttons Developer / Designer Functional Active Could Simple Developer views a showcase of all available button status, shape, and size variants for reference.
FEAT-063 View Spinner Color Showcase Spinner Color (/extra-components/spinner/spinner-color) UI Showcase Spinner Developer / Designer Functional Active Could Simple Developer views a showcase of spinner components rendered in various color configurations for reference.
FEAT-064 Trigger Spinner In Buttons Animation Spinner In Buttons (/extra-components/spinner/spinner-in-buttons) UI Interaction Loading State Developer / Designer Functional Active Could Simple User clicks a button to trigger a 3-second spinner-in-button loading animation for large and medium button groups independently.
FEAT-065 Trigger Spinner In Tabs Animation Spinner In Tabs (/extra-components/spinner/spinner-in-tabs) UI Interaction Loading State Developer / Designer Functional Active Could Simple User clicks a button to trigger a 1-second spinner loading animation embedded within a tabbed interface.
FEAT-066 Select Date with Datepicker Datepicker (/forms/datepicker) UI Interaction Date Input Authenticated User Functional Active Should Medium User selects a single date from a calendar popup constrained to a rolling 11-day window centered on today.
FEAT-067 Select Date Range with Rangepicker Datepicker (/forms/datepicker) UI Interaction Date Input Authenticated User Functional Active Should Medium User selects a start and end date from a range calendar pre-initialized with a date range inset from the current month boundaries.
FEAT-068 View Bubble Map Bubble (/maps/bubble) Data Visualization Map Authenticated User Functional Active Should Complex User views an interactive world map with country bubbles sized proportionally to 2011 population data and colored with random theme colors.
FEAT-069 Pan and Zoom Bubble Map Bubble (/maps/bubble) UI Interaction Map Navigation Authenticated User Functional Active Should Simple User pans and zooms the bubble map to explore different geographic regions.
FEAT-070 View Form Inputs Showcase Form Inputs (/forms/form-inputs) UI Showcase Forms Developer / Designer Functional Active Could Simple Developer views a showcase of form input components including star rating, heart rating, and radio button group controls.
FEAT-071 Interact with Star Rating Form Inputs (/forms/form-inputs) UI Interaction Rating Developer / Designer Functional Active Could Simple User clicks a star to change the selected star rating value in the form inputs showcase.
FEAT-072 Interact with Heart Rating Form Inputs (/forms/form-inputs) UI Interaction Rating Developer / Designer Functional Active Could Simple User clicks a heart icon to change the selected heart rating value in the form inputs showcase.
FEAT-073 Select Radio Button Option Form Inputs (/forms/form-inputs) UI Interaction Selection Developer / Designer Functional Active Could Simple User selects a radio button option from the radio group in the form inputs showcase.
FEAT-074 Open Dialog with Title Dialog (/modal-overlays/dialog) UI Interaction Modal Authenticated User Functional Active Should Medium User opens a titled modal dialog overlay using the Nebular dialog service with configurable backdrop and keyboard behavior.
FEAT-075 Open Template-Based Dialog Dialog (/modal-overlays/dialog) UI Interaction Modal Authenticated User Functional Active Should Medium User opens a dialog that renders an inline Angular template as its content with context data passed from the opener.
FEAT-076 Open Name Prompt Dialog Dialog (/modal-overlays/dialog) UI Interaction Modal Authenticated User Functional Active Should Medium User opens a dialog that prompts for a name input and returns the entered name to the parent page on submission.
FEAT-077 Dismiss Dialog Dialog (/modal-overlays/dialog), Showcase Dialog (/modal-overlays/dialog/showcase-dialog) UI Interaction Modal Authenticated User Functional Active Should Simple User dismisses an open dialog overlay by clicking the dismiss or cancel button, closing the overlay without returning data.
FEAT-078 Submit Dialog Name Prompt Dialog Name Prompt (/modal-overlays/dialog/dialog-name-prompt) UI Interaction Modal Authenticated User Functional Active Should Simple User types a name into the dialog prompt and clicks Submit to close the dialog and return the entered name to the parent.
FEAT-079 Open Window from Template Window (/modal-overlays/window) UI Interaction Window Overlay Authenticated User Functional Active Should Medium User opens a floating window overlay that renders an inline Angular template with context data.
FEAT-080 Open Window with Form Window (/modal-overlays/window) UI Interaction Window Overlay Authenticated User Functional Active Should Medium User opens a floating window overlay that hosts a two-field form (Subject and Text) as its content.
FEAT-081 Open Window Without Backdrop Window (/modal-overlays/window) UI Interaction Window Overlay Authenticated User Functional Active Should Simple User opens a floating window overlay with no backdrop overlay and Escape key dismissal disabled.
FEAT-082 View Smart Table with CRUD Smart Table (/tables/smart-table) Data Management Table Authenticated User Functional Active Should Complex User views a data grid of person records with inline add, edit, delete, filter, sort, and pagination capabilities.
FEAT-083 Add Record in Smart Table Smart Table (/tables/smart-table) Data Management Create Authenticated User Functional Active Should Medium User clicks the Add New button to open an inline creation row and enters data to add a new person record to the table.
FEAT-084 Edit Record in Smart Table Smart Table (/tables/smart-table) Data Management Update Authenticated User Functional Active Should Medium User clicks the edit button on a row to enter inline editing mode and saves changes to an existing person record.
FEAT-085 Delete Record from Smart Table Smart Table (/tables/smart-table) Data Management Delete Authenticated User Functional Active Should Medium User clicks the delete button on a row and confirms the browser dialog to permanently remove the record from the table.
FEAT-086 Filter Smart Table Smart Table (/tables/smart-table) Data Management Filter Authenticated User Functional Active Should Simple User types in a column filter input to narrow the displayed records to those matching the filter term.
FEAT-087 Sort Smart Table Column Smart Table (/tables/smart-table) Data Management Sort Authenticated User Functional Active Should Simple User clicks a column header to toggle ascending or descending sort order for that column.
FEAT-088 Paginate Smart Table Smart Table (/tables/smart-table) Data Management Pagination Authenticated User Functional Active Should Simple User navigates between pages of records using the pagination controls at the bottom of the smart table.
FEAT-089 Configure and Fire Toast Notification Toastr (/modal-overlays/toastr) UI Interaction Notification Authenticated User Functional Active Should Medium User configures toast options (status, position, duration, icon, duplicates) and fires a notification overlay via the Make Toast button.
FEAT-090 Fire Random Toast Notification Toastr (/modal-overlays/toastr) UI Interaction Notification Authenticated User Functional Active Should Simple User clicks the Random Toast button to fire a toast notification with a randomly selected status type and quote body.
FEAT-091 View Tooltip Showcase Tooltip (/modal-overlays/tooltip) UI Showcase Tooltip Developer / Designer Functional Active Could Simple Developer views a showcase of tooltip overlay variants and trigger configurations for reference.
FEAT-092 View Grid Layout Showcase Grid (/ui-features/grid) UI Showcase Layout Developer / Designer Functional Active Could Simple Developer views a showcase of the application's grid layout system for reference.
FEAT-093 View Tree Grid with Expand/Collapse Tree Grid (/tables/tree-grid) Data Management Table Authenticated User Functional Active Should Complex User views a hierarchical file system tree grid and expands or collapses directory rows to reveal or hide child file entries.
FEAT-094 Sort Tree Grid Column Tree Grid (/tables/tree-grid) Data Management Sort Authenticated User Functional Active Should Simple User clicks a column header in the tree grid to toggle ascending or descending sort order for that column.
FEAT-095 View Popovers Showcase Popovers (/modal-overlays/popovers) UI Showcase Popover Developer / Designer Functional Active Could Simple Developer views a showcase of popover overlay variants including tab, form, and card content types for reference.
FEAT-096 View Typography Showcase Typography (/ui-features/typography) UI Showcase Typography Developer / Designer Functional Active Could Simple Developer views a showcase of typographic styles available in the design system, with responsive layout adaptation.
FEAT-097 Switch Charts Panel Period Charts Panel (/e-commerce/charts-panel) UI Interaction Filter Authenticated User Functional Active Should Medium User selects a time period (week, month, year) to reload and display orders and profit chart data for that period.
FEAT-098 View Orders Line Chart Charts Panel (/e-commerce/charts-panel), Charts (/e-commerce/charts-panel/charts) Data Visualization Chart Display Authenticated User Functional Active Should Medium User views a multi-line area chart showing order trends across the selected time period with theme-aware gradient styling.
FEAT-099 View Profit Bar Chart Charts Panel (/e-commerce/charts-panel) Data Visualization Chart Display Authenticated User Functional Active Should Medium User views a grouped bar chart showing canceled, payment, and all-orders profit data for the selected time period.
FEAT-100 View Charts Panel Summary KPIs Charts Panel (/e-commerce/charts-panel) Data Visualization Summary Authenticated User Functional Active Should Simple User views a list of labeled numeric KPI metrics (e.g., marketplace totals) alongside the charts panel.
FEAT-101 View Visitors Analytics Line Chart Visitors Analytics Chart (/e-commerce/visitors-analytics/visitors-analytics-chart) Data Visualization Chart Display Authenticated User Functional Active Should Medium User views a dual-series gradient line chart showing visitor analytics trends with interactive hover tooltips.
FEAT-102 View Electricity List and Chart Electricity (/dashboard/electricity) Dashboard Energy Data Authenticated User Functional Active Should Medium User views electricity consumption data as both a monthly breakdown list and a chart visualization for the selected time period.
FEAT-103 Switch Electricity Period Electricity (/dashboard/electricity) UI Interaction Filter Authenticated User Functional Active Should Simple User selects a time period (week, month, year) to switch the electricity data view.
FEAT-104 View Country Orders Interactive Map Map (/e-commerce/country-orders/map) Data Visualization Map Authenticated User Functional Active Should Complex User views an interactive Leaflet world map, hovers over countries to highlight them, and clicks a country to select it and emit its name.
FEAT-105 View Security Camera Feeds Security Cameras (/dashboard/security-cameras) Dashboard Surveillance Authenticated User Functional Active Should Medium User views a grid of security camera feed tiles and selects one to switch to a focused single-camera view.
FEAT-106 Select Security Camera Security Cameras (/dashboard/security-cameras) UI Interaction Selection Authenticated User Functional Active Should Simple User clicks a camera tile to switch from the multi-camera grid view to a focused single-camera view.
FEAT-107 View Nebular Select Showcase Nebular Select (/extra-components/form-inputs/nebular-select) UI Showcase Form Inputs Developer / Designer Functional Active Could Simple Developer views a showcase of Nebular select/dropdown component variants with pre-selected and unselected states.
FEAT-108 View Earning Card Back (Pie Chart) Back Side (/e-commerce/earning-card/back-side) Data Visualization Chart Display Authenticated User Functional Active Should Medium User views a pie chart on the back face of the earning card showing earnings distribution by cryptocurrency category.
FEAT-109 Select Pie Chart Slice Back Side (/e-commerce/earning-card/back-side) UI Interaction Chart Interaction Authenticated User Functional Active Should Simple User clicks or hovers a pie chart slice to update the displayed name, value, and color information for that slice.
FEAT-110 View Earning Card Front (Live Chart) Front Side (/e-commerce/earning-card/front-side) Data Visualization Live Data Authenticated User Functional Active Should Complex User views a live-updating chart showing cryptocurrency earnings data that refreshes every 200ms for the selected currency.
FEAT-111 Switch Earning Card Currency Front Side (/e-commerce/earning-card/front-side) UI Interaction Filter Authenticated User Functional Active Should Simple User selects a cryptocurrency (Bitcoin, Tether, Ethereum) to reload the earning card chart and daily income data for that currency.
FEAT-112 View Calendar with Date Selection Calendar (/extra-components/calendar) UI Interaction Date Input Developer / Designer Functional Active Could Medium Developer views and interacts with standard Nebular calendar widgets demonstrating single-date and range-date selection.
FEAT-113 Select Date Range in Calendar Calendar (/extra-components/calendar) UI Interaction Date Input Developer / Designer Functional Active Could Simple User selects a start and end date in the range calendar pre-initialized with a date range inset from the current month.
FEAT-114 View Custom Day Cell Calendar Calendar (/extra-components/calendar) UI Showcase Calendar Developer / Designer Functional Active Could Medium Developer views a calendar that uses a custom day cell component to demonstrate Nebular's cell customization API.
FEAT-115 View Calendar Kit Month Cell Calendar Kit (/extra-components/calendar-kit) UI Showcase Calendar Developer / Designer Functional Active Could Medium Developer views a calendar kit demonstration where each month cell renders a full day-picker grid with the month name as a title.
FEAT-116 View Visitors Statistics Pie Chart Visitors Statistics (/e-commerce/visitors-analytics/visitors-statistics) Data Visualization Chart Display Authenticated User Functional Active Should Medium User views a dual-ring concentric pie chart showing the ratio of new visitors to return visitors with theme-aware gradient styling.
FEAT-117 View Profit Card Profit Card (/e-commerce/profit-card) UI Interaction Card Flip Authenticated User Functional Active Should Simple User views the profit card widget and toggles between its front (bar chart) and back (area chart) faces.
FEAT-118 Search Location on Map Search (/maps/search-map/search) Search Geocoding Authenticated User Functional Active Should Medium User types an address into the Google Maps autocomplete search field and selects a suggestion to emit the location's coordinates to the parent map.
FEAT-119 View Map Centered on Location Map (/maps/search-map/map) Data Visualization Map Authenticated User Functional Active Should Medium User views a map automatically centered on their geolocation or a searched location passed from the parent search component.
FEAT-120 View Chat Interface Chat (/extra-components/chat) Communication Chat Developer / Designer Functional Active Could Complex User views a chat interface with pre-seeded messages and sends text or file messages that trigger keyword-matched bot replies.
FEAT-121 Send Chat Message Chat (/extra-components/chat) Communication Chat Developer / Designer Functional Active Could Medium User types a message and submits it to the chat, which appends the message and triggers an automated bot reply after 500ms.
FEAT-122 View Search Fields Showcase Search Fields (/ui-features/search-fields) UI Showcase Search Developer / Designer Functional Active Could Simple Developer views a showcase of available search field input component variants for reference.
FEAT-123 Embed TinyMCE Editor (Page) Tiny Mce (/editors/tiny-mce) Content Editing Rich Text Authenticated User Functional Active Should Medium User composes and formats rich text content using the TinyMCE editor embedded within a Nebular card on the editors page.
FEAT-124 View Leaflet Map Leaflet (/maps/leaflet) Data Visualization Map Authenticated User Functional Active Should Simple User views an interactive Leaflet map centered on a fixed coordinate with OpenStreetMap tiles and pan/zoom controls.
FEAT-125 Pan and Zoom Leaflet Map Leaflet (/maps/leaflet) UI Interaction Map Navigation Authenticated User Functional Active Should Simple User pans and zooms the Leaflet map to explore different geographic regions.
FEAT-126 View Not Found Page Not Found (/miscellaneous/not-found) Error Handling 404 All Users Functional Active Must Simple User sees a 404 Not Found error page when navigating to an unmatched route.
FEAT-127 Navigate Home from Not Found Not Found (/miscellaneous/not-found) Navigation Error Recovery All Users Functional Active Must Simple User clicks the home button on the 404 page to navigate back to the application's home route.
FEAT-128 View Form Inputs (Extra Components) Showcase Form Inputs (/extra-components/form-inputs) UI Showcase Forms Developer / Designer Functional Active Could Simple Developer views a showcase of Nebular form input components including various statuses, sizes, and shapes for reference.
FEAT-129 View Alert Showcase Alert (/extra-components/alert) UI Showcase Alert Developer / Designer Functional Active Could Simple Developer views a showcase of alert component variants and styles for reference.
FEAT-130 View Google Maps Gmaps (/maps/gmaps) Data Visualization Map Authenticated User Functional Active Should Simple User views a Google Maps embed centered on a fixed geographic coordinate.
FEAT-131 View Application Navigation Menu Pages (/pages) Navigation Sidebar Authenticated User Functional Active Must Medium User navigates the application using the persistent sidebar menu listing all feature sections and sub-pages.
FEAT-132 View Legend Chart Legend Chart (/e-commerce/legend-chart) Data Visualization Legend Authenticated User Functional Active Should Simple User views a color-coded legend listing labeled series items for an associated chart visualization.
FEAT-133 View Traffic Reveal Card Traffic Reveal Card (/e-commerce/traffic-reveal-card) UI Interaction Card Flip Authenticated User Functional Active Should Medium User views the traffic reveal card and toggles between the front (traffic list) and back (bar chart) faces.
FEAT-134 View Chart Panel Header with Legend Chart Panel Header (/e-commerce/charts-panel/chart-panel-header) Data Visualization Legend Authenticated User Functional Active Should Simple User views the chart panel header displaying a color-coded legend for Payment, Canceled, and All Orders series.
FEAT-135 Switch Chart Panel Period via Header Chart Panel Header (/e-commerce/charts-panel/chart-panel-header) UI Interaction Filter Authenticated User Functional Active Should Simple User selects a time period (week, month, year) from the chart panel header to filter the associated chart data.
FEAT-136 View Chart Panel Summary Metrics Chart Panel Summary (/e-commerce/charts-panel/chart-panel-summary) Data Visualization Summary Authenticated User Functional Active Should Simple User views a list of labeled numeric summary metrics passed from the parent charts panel component.
FEAT-137 Toggle Status Card On/Off Status Card (/dashboard/status-card) UI Interaction Toggle Authenticated User Functional Active Should Simple User clicks a device status card to toggle it between ON and OFF states with visual feedback.
FEAT-138 View Kitten Dashboard Page Kitten (/dashboard/kitten) Dashboard Display Authenticated User Functional Active Could Simple User views the kitten dashboard page which adapts its visual content to the active application theme.
FEAT-139 View Weather Dashboard Page Weather (/dashboard/weather) Dashboard Display Authenticated User Functional Partial Should Simple User views the weather dashboard page; the template content is not documented and full feature scope is unverified.
FEAT-140 View Icon Library Showcase Icons (/ui-features/icons) UI Showcase Icons Developer / Designer Functional Active Could Medium Developer views a catalog of all registered icon packs (Eva, Ionicons, Font Awesome solid and regular) for reference.
FEAT-141 View Search Map Search Map (/maps/search-map) Data Visualization Map Authenticated User Functional Active Should Complex User searches for a location using Google Maps autocomplete and views the map re-centered on the selected address.
FEAT-142 Theme-Adaptive Chart Rendering Dashboard (/dashboard), Charts (/charts), Echarts (/charts/echarts), Chartjs (/charts/chartjs), D3 (/charts/d3), Solar (/dashboard/solar), Traffic (/dashboard/traffic), Electricity Chart (/dashboard/electricity/electricity-chart), Charts Panel (/e-commerce/charts-panel), Country Orders (/e-commerce/country-orders), Visitors Analytics (/e-commerce/visitors-analytics), Visitors Statistics (/e-commerce/visitors-analytics/visitors-statistics), Bubble (/maps/bubble), Front Side (/e-commerce/profit-card/front-side), Back Side (/e-commerce/profit-card/back-side), Front Side (/e-commerce/earning-card/front-side), Back Side (/e-commerce/earning-card/back-side) Non-Functional Theming Authenticated User Non-Functional Active Should Medium All chart and data visualization components automatically re-render with updated colors and styles when the user switches the application theme.
FEAT-143 Responsive Layout Adaptation Header (/@theme/components/header), Rooms (/dashboard/rooms), Country Orders (/e-commerce/country-orders), Chart Panel Header (/e-commerce/charts-panel/chart-panel-header), Typography (/ui-features/typography), Security Cameras (/dashboard/security-cameras) Non-Functional Responsive Design Authenticated User Non-Functional Active Should Medium UI components automatically adapt their layout, sizing, and visible elements based on the current viewport breakpoint.
FEAT-144 Chart Resize on Layout Change Traffic (/dashboard/traffic), Electricity Chart (/dashboard/electricity/electricity-chart), Charts Panel (/e-commerce/charts-panel), Country Orders (/e-commerce/country-orders), Visitors Analytics Chart (/e-commerce/visitors-analytics/visitors-analytics-chart), Visitors Statistics (/e-commerce/visitors-analytics/visitors-statistics), Front Side (/e-commerce/profit-card/front-side), Back Side (/e-commerce/profit-card/back-side) Non-Functional Responsive Design Authenticated User Non-Functional Active Should Medium ECharts chart instances automatically resize to fill their containers when the application layout dimensions change (e.g., sidebar toggle).
FEAT-145 Route-Level Access Control Dashboard (/dashboard), E Commerce (/e-commerce), Charts (/charts), Maps (/maps), Tables (/tables), Forms (/forms), Modal Overlays (/modal-overlays), Extra Components (/extra-components), Editors (/editors), Pages (/pages) Constraint Security Authenticated User Constraint Active Must Simple All application routes within the authenticated shell are protected by Angular route guards that redirect unauthenticated users to the login page.
FEAT-146 Subscription Memory Leak Prevention Dashboard (/dashboard), Header (/@theme/components/header), Echarts (/charts/echarts), Temperature Dragger (/dashboard/temperature/temperature-dragger), Country Orders (/e-commerce/country-orders), Traffic (/dashboard/traffic), Rooms (/dashboard/rooms), Charts Panel (/e-commerce/charts-panel), Electricity (/dashboard/electricity), Security Cameras (/dashboard/security-cameras), Front Side (/e-commerce/earning-card/front-side) Non-Functional Reliability System Non-Functional Active Must Medium All long-lived RxJS subscriptions are automatically unsubscribed when their host component is destroyed, preventing memory leaks.

4. Feature-Screen Matrix

Feature Earning Card D3 Chartjs Tiny Mce (theme) Dashboard Charts Footer Search Input Header Echarts Temp Dragger Solar E Commerce Status Card Chart Panel Summary Country Orders Room Selector Traffic Weather Chart Panel Header Contacts Rooms Player Chart (CO) Electricity Chart Kitten Temperature Ckeditor User Activity Profit Front Visitors Analytics Slide Out Traffic Cards Header Traffic Bar Traffic Back Traffic Front Progress Section Profit Back Form Layouts Spinner Sizes Progress Bar Spinner Interactive PB Buttons Spinner Color Spinner In Buttons Forms Spinner In Tabs Datepicker Maps Bubble Form Inputs (forms) Dialog Name Prompt Window Window Form Smart Table Toastr Tooltip Grid UI Features Tables Showcase Dialog Search Map Icons Pages Tree Grid Popovers Typography Charts Panel Extra Components Visitors Analytics Chart Electricity Map (CO) Security Cameras Nebular Select Charts (CP) Modal Overlays Earning Back Legend Chart Alert Traffic Reveal Card Map (SM) Earning Front Calendar Calendar Kit Visitors Statistics Miscellaneous Profit Card Search Editors Chat Search Fields Tiny Mce (editors) Day Cell Leaflet Month Cell Not Found Form Inputs (extra) Dialog Gmaps
FEAT-001 Primary
FEAT-002 Primary
FEAT-003 Primary
FEAT-004 Primary
FEAT-005 Primary
FEAT-006 Primary
FEAT-007 Primary
FEAT-008 Primary
FEAT-009 Primary
FEAT-010 Primary
FEAT-011 Primary
FEAT-012 Primary
FEAT-013 Primary
FEAT-014 Primary
FEAT-015 Primary
FEAT-016 Primary
FEAT-017 Primary
FEAT-018 Primary
FEAT-019 Primary
FEAT-020 Primary
FEAT-021 Primary
FEAT-022 Primary
FEAT-023 Primary
FEAT-024 Primary
FEAT-025 Primary
FEAT-026 Primary
FEAT-027 Primary
FEAT-028 Primary
FEAT-029 Primary
FEAT-030 Primary
FEAT-031 Primary
FEAT-032 Primary
FEAT-033 Primary
FEAT-034 Primary
FEAT-035 Primary
FEAT-036 Primary
FEAT-037 Primary
FEAT-038 Primary
FEAT-039 Primary
FEAT-040 Primary
FEAT-041 Primary
FEAT-042 Primary
FEAT-043 Primary
FEAT-044 Primary
FEAT-045 Primary
FEAT-046 Primary
FEAT-047 Primary
FEAT-048 Primary
FEAT-049 Primary
FEAT-050 Primary
FEAT-051 Primary
FEAT-052 Primary
FEAT-053 Primary
FEAT-054 Primary
FEAT-055 Primary
FEAT-056 Primary
FEAT-057 Primary
FEAT-058 Primary
FEAT-059 Primary
FEAT-060 Primary
FEAT-061 Primary
FEAT-062 Primary
FEAT-063 Primary
FEAT-064 Primary
FEAT-065 Primary
FEAT-066 Primary
FEAT-067 Primary
FEAT-068 Primary
FEAT-069 Primary
FEAT-070 Primary
FEAT-071 Primary
FEAT-072 Primary
FEAT-073 Primary
FEAT-074 Primary
FEAT-075 Primary
FEAT-076 Primary Primary
FEAT-077 Supporting Primary
FEAT-078 Primary
FEAT-079 Primary
FEAT-080 Primary Supporting
FEAT-081 Primary
FEAT-082 Primary
FEAT-083 Primary
FEAT-084 Primary
FEAT-085 Primary
FEAT-086 Primary
FEAT-087 Primary
FEAT-088 Primary
FEAT-089 Primary
FEAT-090 Primary
FEAT-091 Primary
FEAT-092 Primary
FEAT-093 Primary
FEAT-094 Primary
FEAT-095 Primary
FEAT-096 Primary
FEAT-097 Primary
FEAT-098 Primary Supporting
FEAT-099 Primary
FEAT-100 Primary
FEAT-101 Primary
FEAT-102 Primary
FEAT-103 Primary
FEAT-104 Primary
FEAT-105 Primary
FEAT-106 Primary
FEAT-107 Primary
FEAT-108 Primary
FEAT-109 Primary
FEAT-110 Primary
FEAT-111 Primary
FEAT-112 Primary
FEAT-113 Primary
FEAT-114 Primary
FEAT-115 Primary
FEAT-116 Primary
FEAT-117 Primary
FEAT-118 Primary
FEAT-119 Primary
FEAT-120 Primary
FEAT-121 Primary
FEAT-122 Primary
FEAT-123 Primary
FEAT-124 Primary
FEAT-125 Primary
FEAT-126 Primary
FEAT-127 Primary
FEAT-128 Primary
FEAT-129 Primary
FEAT-130 Primary
FEAT-131 Primary
FEAT-132 Primary
FEAT-133 Primary
FEAT-134 Primary
FEAT-135 Primary
FEAT-136 Primary
FEAT-137 Primary
FEAT-138 Primary
FEAT-139 Primary
FEAT-140 Primary
FEAT-141 Primary
FEAT-142 Supporting Supporting Supporting Supporting Supporting Supporting Supporting Supporting Supporting Supporting Supporting Supporting Supporting Supporting Supporting Supporting Supporting Supporting Supporting Supporting Supporting Supporting
FEAT-143 Supporting Supporting Supporting Supporting Supporting Supporting
FEAT-144 Supporting Supporting Supporting Supporting Supporting Supporting Supporting
FEAT-145 Supporting Supporting Supporting Supporting Supporting Supporting Supporting Supporting
FEAT-146 Supporting Supporting Supporting Supporting Supporting Supporting Supporting Supporting Supporting Supporting Supporting

5. Feature-Role Matrix

Feature Authenticated User Developer / Designer All Users System
FEAT-001: Flip Earning Card Full
FEAT-002: View D3 Advanced Pie Chart Full
FEAT-003: View Chartjs Horizontal Bar Chart Full
FEAT-004: Embed Rich Text Editor (TinyMCE) Full
FEAT-005: View Solar Energy Donut Chart Full
FEAT-006: View Device Status Cards Full
FEAT-007: View Solar Energy Reading Full
FEAT-008: View Application Footer Full Full Full
FEAT-009: Navigate to Akveo Website Full Full Full
FEAT-010: Expand Search Input Full
FEAT-011: Collapse Search Input on Blur Full
FEAT-012: Emit Search Query Full
FEAT-013: Toggle Sidebar Full
FEAT-014: Navigate Home Full
FEAT-015: Switch Application Theme Full
FEAT-016: View User Context Menu Full
FEAT-017: Responsive User Avatar Display Full
FEAT-018: View ECharts Stacked Area Chart Full
FEAT-019: Drag Temperature Arc Slider Full
FEAT-020: Toggle Temperature Dragger Power Full
FEAT-021: View Country Orders Map Full
FEAT-022: Select Country on Map Full
FEAT-023: Select Room on Floor Plan Full
FEAT-024: View Traffic Line Chart Full
FEAT-025: View Contacts List Full
FEAT-026: View Recent Users List Full
FEAT-027: Select Room and Expand Player Full
FEAT-028: Collapse Media Player Full
FEAT-029: Play or Pause Audio Track Full
FEAT-030: Skip to Next Track Full
FEAT-031: Skip to Previous Track Full
FEAT-032: Toggle Shuffle Mode Full
FEAT-033: Toggle Loop Mode Full
FEAT-034: Adjust Playback Volume Full
FEAT-035: Seek Playback Position Full
FEAT-036: View Country Orders Bar Chart Full
FEAT-037: View Electricity Usage Chart Full
FEAT-038: View Temperature and Humidity Data Full
FEAT-039: Toggle Temperature Unit On/Off Full
FEAT-040: Switch Temperature Mode Full
FEAT-041: Toggle Humidity Unit On/Off Full
FEAT-042: Switch Humidity Mode Full
FEAT-043: Embed CKEditor Rich Text Editor Full
FEAT-044: View User Activity Table Full
FEAT-045: Switch User Activity Period Full
FEAT-046: View Profit Card Front (Bar Chart) Full
FEAT-047: View Visitors Analytics Charts Full
FEAT-048: Toggle Visitors Statistics Slide-Out Full
FEAT-049: Switch Traffic Reveal Card Period Full
FEAT-050: View Traffic Comparison Bar Full
FEAT-051: View Traffic Back Card Chart Full
FEAT-052: View Traffic Front Card Summary Full
FEAT-053: View E-Commerce Progress Section Full
FEAT-054: View Profit Card Back (Area Chart) Full
FEAT-055: View Form Layouts Showcase Full
FEAT-056: View Spinner Sizes Showcase Full
FEAT-057: View Progress Bar Showcase Full
FEAT-058: Trigger Spinner Loading Animation Full
FEAT-059: Increment Progress Bar Value Full
FEAT-060: Decrement Progress Bar Value Full
FEAT-061: View Progress Bar Status Threshold Full
FEAT-062: View Buttons Showcase Full
FEAT-063: View Spinner Color Showcase Full
FEAT-064: Trigger Spinner In Buttons Animation Full
FEAT-065: Trigger Spinner In Tabs Animation Full
FEAT-066: Select Date with Datepicker Full
FEAT-067: Select Date Range with Rangepicker Full
FEAT-068: View Bubble Map Full
FEAT-069: Pan and Zoom Bubble Map Full
FEAT-070: View Form Inputs Showcase Full
FEAT-071: Interact with Star Rating Full
FEAT-072: Interact with Heart Rating Full
FEAT-073: Select Radio Button Option Full
FEAT-074: Open Dialog with Title Full
FEAT-075: Open Template-Based Dialog Full
FEAT-076: Open Name Prompt Dialog Full
FEAT-077: Dismiss Dialog Full
FEAT-078: Submit Dialog Name Prompt Full
FEAT-079: Open Window from Template Full
FEAT-080: Open Window with Form Full
FEAT-081: Open Window Without Backdrop Full
FEAT-082: View Smart Table with CRUD Full
FEAT-083: Add Record in Smart Table Full
FEAT-084: Edit Record in Smart Table Full
FEAT-085: Delete Record from Smart Table Full
FEAT-086: Filter Smart Table Full
FEAT-087: Sort Smart Table Column Full
FEAT-088: Paginate Smart Table Full
FEAT-089: Configure and Fire Toast Notification Full
FEAT-090: Fire Random Toast Notification Full
FEAT-091: View Tooltip Showcase Full
FEAT-092: View Grid Layout Showcase Full
FEAT-093: View Tree Grid with Expand/Collapse Full
FEAT-094: Sort Tree Grid Column Full
FEAT-095: View Popovers Showcase Full
FEAT-096: View Typography Showcase Full
FEAT-097: Switch Charts Panel Period Full
FEAT-098: View Orders Line Chart Full
FEAT-099: View Profit Bar Chart Full
FEAT-100: View Charts Panel Summary KPIs Full
FEAT-101: View Visitors Analytics Line Chart Full
FEAT-102: View Electricity List and Chart Full
FEAT-103: Switch Electricity Period Full
FEAT-104: View Country Orders Interactive Map Full
FEAT-105: View Security Camera Feeds Full
FEAT-106: Select Security Camera Full
FEAT-107: View Nebular Select Showcase Full
FEAT-108: View Earning Card Back (Pie Chart) Full
FEAT-109: Select Pie Chart Slice Full
FEAT-110: View Earning Card Front (Live Chart) Full
FEAT-111: Switch Earning Card Currency Full
FEAT-112: View Calendar with Date Selection Full
FEAT-113: Select Date Range in Calendar Full
FEAT-114: View Custom Day Cell Calendar Full
FEAT-115: View Calendar Kit Month Cell Full
FEAT-116: View Visitors Statistics Pie Chart Full
FEAT-117: View Profit Card Full
FEAT-118: Search Location on Map Full
FEAT-119: View Map Centered on Location Full
FEAT-120: View Chat Interface Full
FEAT-121: Send Chat Message Full
FEAT-122: View Search Fields Showcase Full
FEAT-123: Embed TinyMCE Editor (Page) Full
FEAT-124: View Leaflet Map Full
FEAT-125: Pan and Zoom Leaflet Map Full
FEAT-126: View Not Found Page Full Full Full
FEAT-127: Navigate Home from Not Found Full Full Full
FEAT-128: View Form Inputs (Extra Components) Showcase Full
FEAT-129: View Alert Showcase Full
FEAT-130: View Google Maps Full
FEAT-131: View Application Navigation Menu Full
FEAT-132: View Legend Chart Full
FEAT-133: View Traffic Reveal Card Full
FEAT-134: View Chart Panel Header with Legend Full
FEAT-135: Switch Chart Panel Period via Header Full
FEAT-136: View Chart Panel Summary Metrics Full
FEAT-137: Toggle Status Card On/Off Full
FEAT-138: View Kitten Dashboard Page Full
FEAT-139: View Weather Dashboard Page Full
FEAT-140: View Icon Library Showcase Full
FEAT-141: View Search Map Full
FEAT-142: Theme-Adaptive Chart Rendering Full
FEAT-143: Responsive Layout Adaptation Full
FEAT-144: Chart Resize on Layout Change Full
FEAT-145: Route-Level Access Control Conditional
FEAT-146: Subscription Memory Leak Prevention Full

6. Feature Dependencies

Feature Depends On Relationship Description
FEAT-001 FEAT-108 Enhances Flipping the card reveals the back face (FEAT-108); both features share the same flip mechanism
FEAT-001 FEAT-110 Enhances Flipping the card reveals the front face (FEAT-110); both features share the same flip mechanism
FEAT-005 FEAT-007 Shares Data Both display solar energy data; FEAT-007 provides the live value that FEAT-005 visualizes as a percentage
FEAT-006 FEAT-015 Requires Theme switching (FEAT-015) is required for the corporate vs. default card color mapping to function
FEAT-007 FEAT-146 Requires The SolarData subscription must be cleaned up on destroy to prevent memory leaks
FEAT-010 FEAT-011 Requires The collapse-on-blur behavior (FEAT-011) is the counterpart to expand (FEAT-010); both are required for the full expand/collapse lifecycle
FEAT-010 FEAT-012 Requires The search input must be expanded (FEAT-010) before query emission (FEAT-012) can occur
FEAT-013 FEAT-144 Enhances Toggling the sidebar triggers a layout size change that causes charts to resize (FEAT-144)
FEAT-015 FEAT-142 Requires Theme-adaptive chart rendering (FEAT-142) requires theme switching (FEAT-015) to be functional
FEAT-019 FEAT-020 Enhances The power toggle (FEAT-020) controls whether dragging (FEAT-019) is enabled
FEAT-021 FEAT-022 Requires Country selection (FEAT-022) requires the map (FEAT-021) to be rendered first
FEAT-021 FEAT-036 Requires The bar chart (FEAT-036) requires a country to be selected via the map (FEAT-022) to display data
FEAT-022 FEAT-036 Requires The bar chart (FEAT-036) updates only when a country is selected (FEAT-022)
FEAT-023 FEAT-027 Requires Room selection (FEAT-023) is the trigger for expanding the media player (FEAT-027)
FEAT-027 FEAT-028 Conflicts Expanding the player (FEAT-027) and collapsing it (FEAT-028) are mutually exclusive states
FEAT-029 FEAT-030 Enhances Auto-advance on track end (part of FEAT-030) depends on the player being in a playing state (FEAT-029)
FEAT-029 FEAT-032 Enhances Shuffle mode (FEAT-032) affects which track is loaded when next/previous is triggered
FEAT-029 FEAT-033 Enhances Loop mode (FEAT-033) affects auto-advance behavior when a track ends
FEAT-047 FEAT-101 Requires The visitors analytics line chart (FEAT-101) is a child component of the visitors analytics page (FEAT-047)
FEAT-047 FEAT-116 Requires The visitors statistics pie chart (FEAT-116) is a child component of the visitors analytics page (FEAT-047)
FEAT-059 FEAT-061 Shares Data Incrementing the value (FEAT-059) changes the status threshold display (FEAT-061)
FEAT-060 FEAT-061 Shares Data Decrementing the value (FEAT-060) changes the status threshold display (FEAT-061)
FEAT-074 FEAT-077 Requires Dismissing a dialog (FEAT-077) requires a dialog to be open (FEAT-074 or FEAT-075 or FEAT-076)
FEAT-076 FEAT-078 Requires Submitting the name prompt (FEAT-078) requires the name prompt dialog to be open (FEAT-076)
FEAT-082 FEAT-083 Requires Adding a record (FEAT-083) requires the smart table (FEAT-082) to be rendered
FEAT-082 FEAT-084 Requires Editing a record (FEAT-084) requires the smart table (FEAT-082) to be rendered
FEAT-082 FEAT-085 Requires Deleting a record (FEAT-085) requires the smart table (FEAT-082) to be rendered
FEAT-082 FEAT-086 Requires Filtering (FEAT-086) requires the smart table (FEAT-082) to be rendered
FEAT-082 FEAT-087 Requires Sorting (FEAT-087) requires the smart table (FEAT-082) to be rendered
FEAT-082 FEAT-088 Requires Pagination (FEAT-088) requires the smart table (FEAT-082) to be rendered
FEAT-089 FEAT-090 Enhances Both features use the same NbToastrService and showToast() method; FEAT-090 is a simplified variant of FEAT-089
FEAT-093 FEAT-094 Requires Sorting the tree grid (FEAT-094) requires the tree grid (FEAT-093) to be rendered
FEAT-097 FEAT-098 Requires The orders chart (FEAT-098) reloads when the period is switched (FEAT-097)
FEAT-097 FEAT-099 Requires The profit chart (FEAT-099) reloads when the period is switched (FEAT-097)
FEAT-097 FEAT-135 Shares Data The chart panel header period switch (FEAT-135) and the charts panel period switch (FEAT-097) control the same data filter
FEAT-104 FEAT-022 Shares Data The country orders interactive map (FEAT-104) and the country selection handler (FEAT-022) operate on the same map component
FEAT-105 FEAT-106 Requires Selecting a camera (FEAT-106) requires the camera grid (FEAT-105) to be rendered
FEAT-108 FEAT-109 Requires Selecting a pie slice (FEAT-109) requires the pie chart (FEAT-108) to be rendered
FEAT-110 FEAT-111 Requires Switching currency (FEAT-111) requires the live chart (FEAT-110) to be active
FEAT-112 FEAT-113 Enhances The range calendar (FEAT-113) is one of the calendar variants demonstrated alongside FEAT-112
FEAT-112 FEAT-114 Enhances The custom day cell calendar (FEAT-114) is one of the calendar variants demonstrated alongside FEAT-112
FEAT-117 FEAT-046 Requires The profit card front face (FEAT-046) is revealed by flipping the profit card (FEAT-117)
FEAT-117 FEAT-054 Requires The profit card back face (FEAT-054) is revealed by flipping the profit card (FEAT-117)
FEAT-118 FEAT-119 Requires The map (FEAT-119) re-centers when a location is searched (FEAT-118)
FEAT-120 FEAT-121 Requires Sending a chat message (FEAT-121) requires the chat interface (FEAT-120) to be rendered
FEAT-133 FEAT-049 Requires The period switch (FEAT-049) is part of the traffic reveal card (FEAT-133)
FEAT-133 FEAT-051 Requires The back card chart (FEAT-051) is the back face of the traffic reveal card (FEAT-133)
FEAT-133 FEAT-052 Requires The front card summary (FEAT-052) is the front face of the traffic reveal card (FEAT-133)
FEAT-141 FEAT-118 Requires The search map (FEAT-141) requires the search component (FEAT-118) to function
FEAT-141 FEAT-119 Requires The search map (FEAT-141) requires the map component (FEAT-119) to display results
FEAT-142 FEAT-015 Requires Theme-adaptive rendering (FEAT-142) requires the theme switcher (FEAT-015) to be functional
FEAT-144 FEAT-013 Requires Chart resize on layout change (FEAT-144) is triggered by sidebar toggle (FEAT-013)
FEAT-145 FEAT-126 Enhances The Not Found page (FEAT-126) is the fallback destination when route guards redirect unauthenticated users
FEAT-146 FEAT-053 Conflicts FEAT-053 has a critical bug where ngOnDestroy sets alive = true instead of false, directly violating FEAT-146

Feature Terms

Term Definition
Functional A BABOK feature type describing what the system does — a capability that delivers direct value to a user role.
Non-Functional A BABOK feature type describing a quality attribute of the system — how well it performs a function (e.g., performance, reliability, usability).
Constraint A BABOK feature type describing a limitation or restriction on the system — a rule that must be satisfied regardless of user preference.
Acceptance Criteria Testable conditions that define when a feature is considered complete and correct. Written in Given/When/Then format where possible.
Must (MoSCoW) The feature is critical; the system cannot function correctly without it.
Should (MoSCoW) The feature is important but not critical; the system works without it but is significantly degraded.
Could (MoSCoW) The feature is a nice-to-have; it adds value but its absence does not degrade core functionality.
N/A (MoSCoW) Priority cannot be determined from the available documentation.
Active The feature is fully implemented and functional as documented.
Partial The feature is implemented but has documented limitations, missing components, or unverified scope.
Planned The feature is referenced or scaffolded but not yet implemented.
Simple The feature involves a single interaction with fewer than 3 components and no async operations.
Medium The feature involves multiple steps, 3–7 components, or async data loading.
Complex The feature involves multi-step workflows, 7+ components, async operations, and error handling.

Domain Terms

Term Definition
ngx-admin An open-source Angular admin dashboard template by Akveo, built on the Nebular UI framework. This application is based on or derived from ngx-admin.
Nebular An Angular UI component library (@nebular/theme) developed by Akveo, providing themeable components, layout utilities, and services. The primary UI framework for this application.
NbThemeService A Nebular service that provides reactive access to the current application theme's JavaScript variables (colors, fonts, etc.) and emits events when the theme changes.
NbMediaBreakpointsService A Nebular service that provides a map of named responsive breakpoints (xs, sm, md, lg, xl) to their pixel-width thresholds.
NbSidebarService A Nebular service that controls the open/closed/compact state of named sidebar components.
NbMenuService A Nebular service that manages application menu state and navigation, including the navigateHome() method.
NbDialogService A Nebular service for programmatically opening modal dialog overlays.
NbWindowService A Nebular service for programmatically opening floating, draggable window overlays.
NbToastrService A Nebular service for displaying toast notification overlays.
NbIconLibraries A Nebular service for registering and retrieving icon packs (SVG and font-based).
NbDateService A Nebular abstract service providing locale-aware date arithmetic and formatting utilities.
NbCalendarRange A Nebular interface representing a date range with start and end properties.
NbCalendarCell A Nebular interface that custom calendar cell components must implement, requiring select: EventEmitter and selectedValue members.
NbCalendarDayPickerComponent A Nebular base component that renders a grid of day cells for a single month.
NbCalendarMonthModelService A Nebular service that computes the week-row layout for a given month.
LocalDataSource A class from ng2-smart-table that acts as an in-memory data adapter for the smart table, handling filtering, sorting, and pagination locally.
ng2-smart-table An open-source Angular data grid library providing inline CRUD, filtering, sorting, and pagination.
ngx-echarts An Angular directive wrapper for Apache ECharts, enabling declarative chart configuration via [options] binding.
Apache ECharts An open-source JavaScript charting library used for all ECharts-based visualizations in this application.
ngx-charts An open-source Angular charting library by Swimlane (@swimlane/ngx-charts) used for the D3 advanced pie chart.
ng2-charts An Angular wrapper library for Chart.js, providing the <chart> component directive.
ngx-leaflet The Angular wrapper library (@asymmetrik/ngx-leaflet) for the Leaflet.js interactive map library.
PositionModel A simple data class representing a geographic coordinate pair (lat, lng). Defaults to Minsk, Belarus (53.9, 27.5667).
CardSettings A TypeScript interface defining the configuration for a device status card: title, iconClass, and type (Nebular color variant).
SolarData An abstract Angular service class providing a stream of solar energy readings via getSolarData().
UserData An abstract Angular service class defining the data access interface for user-related data (contacts, recent users).
CountryOrderData An abstract Angular service class defining the contract for fetching country order statistics.
ElectricityData An abstract Angular service class defining the data access interface for electricity consumption data.
TemperatureHumidityData An abstract Angular service class defining the data access interface for temperature and humidity sensor readings.
SecurityCamerasData An abstract Angular service class defining the data access interface for security camera feed data.
EarningData An abstract Angular service class defining the data access interface for cryptocurrency earnings data.
VisitorsAnalyticsData An abstract Angular service class defining the data access interface for visitor analytics data.
OrdersProfitChartData An abstract Angular service class defining the data access interface for orders and profit chart data.
TrafficListData An abstract Angular service class defining the data access interface for traffic list summary data.
TrafficBarData An abstract Angular service class defining the data access interface for traffic bar chart data.
SmartTableData An abstract Angular service class defining the data access interface for smart table records.
StatsProgressBarData An abstract Angular service class defining the data access interface for progress bar statistics.
UserActivityData An abstract Angular service class defining the data access interface for user activity metrics.
PlayerService An Angular service that owns the static audio playlist and provides track navigation methods.
ChatService An Angular service that provides pre-seeded chat messages and keyword-based bot reply logic.
LayoutService An internal utility service that broadcasts layout size change events (e.g., when the sidebar is toggled), used by chart components to trigger resize.
AnalyticsService An internal service wrapping Google Analytics (ga()). Disabled by default (enabled = false).
alive A boolean flag pattern used with RxJS takeWhile(() => this.alive) to manage subscription lifecycle. Set to false in ngOnDestroy to complete subscriptions.
takeWhile An RxJS operator that completes a subscription when a predicate function returns false. Used throughout this application for subscription lifecycle management.
takeUntil An RxJS operator that completes a subscription when a notifier observable emits. Used in some components as an alternative to takeWhile.
echartsIntance A misspelled property name (should be echartsInstance) used consistently across all ECharts chart components to store the live ECharts instance reference.
flipped A boolean state variable on card-flip components indicating whether the card is showing its back face (true) or front face (false).
NbComponentStatus A Nebular union type for semantic color states: 'primary', 'success', 'info', 'warning', 'danger', 'basic', 'control'.
NbComponentShape A Nebular union type for border-radius styles: 'rectangle', 'semi-round', 'round'.
NbComponentSize A Nebular union type for component sizes: 'tiny', 'small', 'medium', 'large', 'giant'.
NgxLegendItemColor An enum defining the five permitted icon colors for legend items: GREEN, PURPLE, LIGHT_PURPLE, BLUE, YELLOW.
FSEntry A TypeScript interface representing a file system entry in the tree grid: name, size, kind, and optional items.
TreeNode A generic interface representing a node in a tree structure with optional children and expanded properties.
Track A data model for the audio player representing a single song: name, artist, url (Spotify CDN), and cover (album art path).
LiveUpdateChart An interface representing the full earning card data payload: liveChart (time-series data), delta (change direction and magnitude), and dailyIncome.
PieChart An interface representing a single pie chart slice: value: number and name: string.
OrdersChart An interface for the orders line chart data: chartLabel: string[] (x-axis labels) and linesData: number[][] (series data).
ProfitChart An interface for the profit bar chart data: chartLabel: string[] and data: number[][].
OrderProfitChartSummary An interface for a KPI summary item: title: string and value: number.
TrafficList An interface representing traffic summary data: date, value, delta (with up and value), and comparison (with prevDate, prevValue, nextDate, nextValue).
TrafficBar An interface representing traffic bar chart data: data: number[], labels: string[], and formatter: string.
UserActive An interface representing a user activity record: date, pagesVisitCount, deltaUp, and newVisits.
ProgressInfo An interface representing a progress bar metric: title, value, activeProgress, and description.
Electricity An interface representing an electricity data set with a title, optional active flag, and an array of Month records.
ElectricityChart An interface for electricity chart data: label: string and value: number.
Month An interface representing one month's electricity data: month, delta, down, kWatts, and cost.
Temperature An interface representing a sensor reading: value, min, and max.
Camera An interface representing a security camera: title: string and source: string (video feed URL).
OutlineData An interface for labeled chart data points: label: string and value: number.
bottomAngle The angular gap (in degrees) at the bottom of the temperature dragger arc where no track is drawn. Default is 90°.
VIEW_BOX_SIZE A constant (300) representing the SVG coordinate system width for the temperature dragger.
scaleFactor The ratio of the temperature dragger SVG element's actual pixel width to VIEW_BOX_SIZE.
roomSvg A static data object containing all SVG path definitions for the room selector floor plan.
sortedRooms A re-sorted copy of roomSvg.rooms where the currently selected room is moved to the end of the array to ensure it renders on top in SVG z-order.
WYSIWYG "What You See Is What You Get" — an editing paradigm where the editor display matches the final rendered output. TinyMCE and CKEditor are WYSIWYG editors.
TinyMCE A widely-used JavaScript rich-text editor library. Used in this application via the ngx-tiny-mce wrapper component.
CKEditor A widely-used JavaScript rich-text editor library. Version 4.6.2 is used in this application, loaded from the CKEditor CDN.
GeoJSON An open standard JSON format for encoding geographic data structures (country boundaries, polygons). Used for the Leaflet and ECharts world maps.
Leaflet An open-source JavaScript library for interactive maps. Used via @asymmetrik/ngx-leaflet.
p.scdn.co Spotify's CDN domain used to serve 30-second MP3 preview clips. Used as audio sources in the media player.
kWh Kilowatt-hour — the unit of electrical energy displayed in the electricity dashboard.
delta A change indicator showing the direction (up/down) and magnitude of change between two time periods. Used in traffic, user activity, and electricity screens.
period A string representing a time granularity for data aggregation: 'week', 'month', or 'year'. Used across multiple e-commerce and dashboard screens.

Roles

Role Definition
Authenticated User A user who has successfully logged in to the application and has access to the main dashboard and feature screens. This is the primary end-user role for all functional screens.
Developer / Designer An internal user (developer or designer) who accesses the application's component showcase and UI kit sections (/extra-components, /ui-features, /forms) to reference available components and design patterns.
All Users Any user who can access the application, regardless of authentication status. Applies to the footer (always visible) and the Not Found page (accessible to unauthenticated users who land on invalid URLs).
System The Angular application runtime itself, not a human user. Used for non-functional features like subscription memory leak prevention that are enforced by the framework rather than triggered by user action.