@mxtommy/kip 3.0.0-beta.31 → 3.0.0-beta.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mxtommy/kip",
-  "version": "3.0.0-beta.31",
+  "version": "3.0.0-beta.33",
   "description": "An advanced and versatile marine instrumentation package to display Signal K data.",
   "license": "MIT",
   "author": {
@@ -98,10 +98,13 @@
     "rxjs": "^7.5.7",
     "sass": "^1.49.9",
     "screenfull": "^6.0.2",
+    "ngx-markdown": "^18.1.0",
     "ts-node": "^8.10.2",
     "tslib": "^2.6.2",
     "tslint": "^6.1.3",
     "typescript": "^5.4.5",
     "zone.js": "~0.14.10"
+  },
+  "dependencies": {
   }
 }

package/public/3rdpartylicenses.txt

@@ -350,32 +350,6 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
 LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
---------------------------------------------------------------------------------
-Package: @angular/cdk
-License: "MIT"
-
-The MIT License
-
-Copyright (c) 2024 Google LLC.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
-
 --------------------------------------------------------------------------------
 Package: @angular/common
 License: "MIT"
@@ -403,33 +377,7 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
 
 --------------------------------------------------------------------------------
-Package: @angular/material
-License: "MIT"
-
-The MIT License
-
-Copyright (c) 2024 Google LLC.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
-
---------------------------------------------------------------------------------
-Package: @angular/animations
+Package: @angular/forms
 License: "MIT"
 
 The MIT License
@@ -533,7 +481,59 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 
 --------------------------------------------------------------------------------
-Package: @angular/platform-browser
+Package: @angular/cdk
+License: "MIT"
+
+The MIT License
+
+Copyright (c) 2024 Google LLC.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+--------------------------------------------------------------------------------
+Package: @angular/material
+License: "MIT"
+
+The MIT License
+
+Copyright (c) 2024 Google LLC.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+--------------------------------------------------------------------------------
+Package: @angular/animations
 License: "MIT"
 
 The MIT License
@@ -559,7 +559,7 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
 
 --------------------------------------------------------------------------------
-Package: @angular/router
+Package: @angular/platform-browser
 License: "MIT"
 
 The MIT License
@@ -585,7 +585,7 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
 
 --------------------------------------------------------------------------------
-Package: @angular/forms
+Package: @angular/router
 License: "MIT"
 
 The MIT License
@@ -823,6 +823,81 @@ The above copyright notice and this permission notice shall be included in all c
 
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
+--------------------------------------------------------------------------------
+Package: marked
+License: "MIT"
+
+# License information
+
+## Contribution License Agreement
+
+If you contribute code to this project, you are implicitly allowing your code
+to be distributed under the MIT license. You are also implicitly verifying that
+all code is your original work. `</legalese>`
+
+## Marked
+
+Copyright (c) 2018+, MarkedJS (https://github.com/markedjs/)
+Copyright (c) 2011-2018, Christopher Jeffrey (https://github.com/chjj/)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+## Markdown
+
+Copyright © 2004, John Gruber
+http://daringfireball.net/
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
+
+* Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
+* Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
+* Neither the name “Markdown” nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
+
+This software is provided by the copyright holders and contributors “as is” and any express or implied warranties, including, but not limited to, the implied warranties of merchantability and fitness for a particular purpose are disclaimed. In no event shall the copyright owner or contributors be liable for any direct, indirect, incidental, special, exemplary, or consequential damages (including, but not limited to, procurement of substitute goods or services; loss of use, data, or profits; or business interruption) however caused and on any theory of liability, whether in contract, strict liability, or tort (including negligence or otherwise) arising in any way out of the use of this software, even if advised of the possibility of such damage.
+
+--------------------------------------------------------------------------------
+Package: ngx-markdown
+License: "MIT"
+
+MIT License
+
+Copyright (c) 2017-2024 Jean-Francois Cere
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
 --------------------------------------------------------------------------------
 Package: core-js
 License: "MIT"

package/public/app-help.component.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/app/core/components/app-help/app-help.component.scss"],
+  "sourcesContent": [".fullpage-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n}\n\n.fullpage-header-title {\n  padding: 18px 24px 13px 24px;;\n}\n\n.dialog-close-icon {\nmargin-right: 15px;\n}\n\n.mat-mdc-dialog-content {\nmax-height: max-content;\n}\n\n.dialog-content-padding {\n--mat-dialog-content-padding: 0px 24px 20px 24px;\n}\n\n.markdown-content {\n  display: block;\n  height: calc(100% - 75px);\n  width: 100%;\n  overflow-x: scroll;\n  padding: 25px;\n}\n"],
+  "mappings": ";AAAA,CAAA;AACE,WAAA;AACA,mBAAA;AACA,eAAA;;AAGF,CAAA;AACE,WAAA,KAAA,KAAA,KAAA;;AAGF,CAAA;AACA,gBAAA;;AAGA,CAAA;AACA,cAAA;;AAGA,CAAA;AACA,gCAAA,IAAA,KAAA,KAAA;;AAGA,CAAA;AACE,WAAA;AACA,UAAA,KAAA,KAAA,EAAA;AACA,SAAA;AACA,cAAA;AACA,WAAA;;",
+  "names": []
+}

package/public/assets/help-docs/configuration.md

@@ -0,0 +1,57 @@
+#### Configuration Management
+
+KIP provides a "Login to Server" option that determines where your configuration is stored. It is **strongly recommended** to enable server login in the **Settings** under the **Connectivity** tab. This ensures your configurations are stored remotely on the Signal K server. See the "Creating a Signal K user" section below for details.
+
+- **Login to Server Enabled** (recommended setting): Configuration is stored remotely on the Signal K server.
+- **Login to Server Disabled** (default value): Configuration is saved locally in the browser's private storage.
+
+You can manage your configurations using the **Configurations** page, accessible from the right menu. Depending on your login mode, different management options are available.
+
+##### Creating a Signal K User
+
+To log in to Signal K, you must first create a user. Follow these steps to create a Signal K user:
+
+1. Navigate to the Signal K server's **Security > Users** menu.
+2. Click **Add** to create a new user.
+3. Provide a **User ID** and **Password** for the user.
+4. Assign **Read/Write** permissions at a minimum. To allow access to the Global storage scope, assign **Admin** permissions as well.
+5. Click **Apply** to save the new user.
+
+##### Login to Server Mode
+
+*In this mode, your configuration is shared across all devices **as long as you authenticate to Signal K using the same User ID**. It's that simple!*
+
+On the **Configurations** page, you can perform the following actions:
+
+- **Backup**: Save the currently active configuration. Backups can be created in different scopes (see below for details).
+- **Delete**: Permanently delete a backup configuration. This action is irreversible.
+- **Restore**: Replace the active configuration with a selected backup and reload the app. It is recommended to back up your active configuration before restoring, to avoid losing it.
+
+###### Storage Scopes
+
+When using "Login to Server" mode, you can save and retrieve configuration backups from different storage scopes. Think of storage scopes as separate folders:
+
+- **User Scope**: Each user has their own private storage space. Users cannot access or view each other's storage.
+- **Global Scope**: Accessible only to users with Signal K "Admin" permissions. This shared storage space allows configuration backups to be shared between users. To share configurations, both users must, at least temporarily, have admin permissions.
+
+###### Planning Configurations
+
+If you log in with the same user credentials, your configuration will be consistent across all devices and browsers. 
+
+To manage configurations for different devices, stations, or roles, you can create separate Signal K users, each with their own configurations. This approach allows you to tailor configurations to specific use cases. Plan carefully to take full advantage of KIP's flexible configuration management.
+
+##### Local Storage
+
+If you do not log in to the server, KIP saves and retrieves configuration changes using your browser's local storage. In this mode:
+
+- Each browser instance has its own independent configuration.
+- Configurations **cannot be shared** between different devices or browsers.
+- Configuration management is limited to downloading and uploading configuration files.
+
+##### Advanced Operations
+
+Use advanced operations with caution. All changes affect your active configuration in real time and are irreversible.
+
+KIP separates configuration into two parts:
+1. **Server Connection**: This configuration is always stored locally in your browser and is never shared. It is used in the **Connectivity** tab of the **Settings** page.
+2. **Application Settings**: This includes the configuration you can back up, delete, and restore on the **Configurations** page.

package/public/assets/help-docs/contact-us.md

@@ -0,0 +1,8 @@
+###### Get in Touch
+
+KIP has its own channel on the Signal K Discord server. Join the channel to get help, see what others do with KIP and Signal K, get the latest news, and share your ideas.  
+Join us at [KIP Discord channel](https://discord.gg/AMDYT2DQga).
+
+###### Feature Requests and Bug Report
+
+To make a feature request or report a bug, use the [KIP GitHub project](https://github.com/mxtommy/Kip/issues).

package/public/assets/help-docs/dashboards.md

@@ -0,0 +1,39 @@
+#### Managing Dashboard
+You can organize your dashboards from the Dashboard page. To edit a dashboard layout, visualize the dashboard and unlock it.
+
+##### Dashboard Pages
+On the Dashboards page, you can add, reorder, delete, rename, and duplicate dashboards. The dashboard name is briefly visible when you cycle through dashboards. Available actions include:
+- **Long press** a dashboard to delete or duplicate it.
+- **Double tap** a dashboard to rename it.
+- **Touch and drag** to reorder dashboards.
+- Use the **(+)** button to add a new dashboard.
+
+##### Editing Layout
+To edit a dashboard's widgets and arrangement, you need to unlock its layout. View the desired dashboard, access the **Actions menu** on the right-hand side, and tap the unlock button. The widgets will become surrounded by dashed borders, indicating you are in edit mode. Actions you can perform while editing a layout include:
+- **Long press** an empty area of the dashboard to add a widget (you may need to free up space first).
+- **Double tap** a widget to edit its configuration.
+- **Touch and drag** a widget to reposition it.
+- **Touch and drag** the edges of a widget to resize it.
+- **Long press** a widget to delete or duplicate it.
+- Tap the **Check button** to save changes or the **X button** to discard changes.
+
+#### Widget Gallery
+KIP's widgets are versatile visual presentation controls with advanced configuration options to suit your needs. Below is a list of available widgets:
+
+- **Numeric Display**: Create gauges to display any numerical data sent by your system, such as SOG, depth, wind speed, VMG, refrigerator temperature, or weather data.
+- **Text Display**: Display textual data sent by your system, such as MPPT state, vessel details, next waypoint, Fusion radio song information, system component statuses, or configuration details.
+- **Date Display**: A timezone-aware control with flexible presentation formatting support.
+- **Boolean Control Panel**: A switchboard to configure and operate remote devices, such as light switches, bilge pumps, solenoids, or any Signal K path that supports boolean PUT operations.
+- **Position**: Displays the vessel's longitude and latitude based on available GPS devices.
+- **Static Label**: A static text widget that allows you to add customizable labels to your dashboard, helping to organize and clarify your layout effectively.
+- **Simple Linear Gauge**: A simple horizontal visual display ideal for electrical numerical data, such as chargers, MPPT, or shunts.
+- **Linear Gauge**: Visually display any numerical data on a vertical or horizontal scale, such as tank and reservoir levels or battery remaining capacity.
+- **Radial Gauge**: Visually display any numerical data on a radial scale, such as boat speed, wind speed, or engine RPM.
+- **Compass Gauge**: A card or marine compass to display directional data, such as heading, bearing to the next waypoint, or wind angle.
+- **Steel Style Gauge**: An old-school look-and-feel radial and linear gauge.
+- **Wind Steering Display**: A typical sailboat wind gauge.
+- **Freeboard-SK Chart Plotter**: A high-quality Signal K implementation of the Freeboard integration widget.
+- **Autopilot Head**: Operate your autopilot remotely from any device.
+- **Data Chart**: Visualize data trends over time.
+- **Race Timer**: Track regatta start sequences.
+- **Embedded Webpage**: Integrate any web-based content or application into your KIP layout, such as Grafana dashboards, Node-RED dashboards, or your own standalone web app. This widget supports any content that does not cross domains.

package/public/assets/help-docs/datainspector.md

@@ -0,0 +1,3 @@
+#### Data Inspector
+# Contributions wanted
+Help write this page. Contact us on the KIP Discord channel for instructions.

package/public/assets/help-docs/datasets.md

@@ -0,0 +1,3 @@
+##### Datasets
+# Contributions wanted
+Help write this page. Contact us on the KIP Discord channel for instructions.

package/public/assets/help-docs/grafana.md

@@ -0,0 +1,4 @@
+###### 5 Minutes with Graphana
+Introduction to using Graphana (by Boating with the Baileys)
+
+[![Watch the video](https://img.youtube.com/vi/b3lHwLnYgx0/0.jpg)](https://www.youtube.com/watch?v=b3lHwLnYgx0)

package/public/assets/help-docs/influxdb.md

@@ -0,0 +1,4 @@
+###### Signal K to InfluxDB
+Database to store historical data (by Boating with the Baileys)
+
+[![Watch the video](https://img.youtube.com/vi/ULnN-cByQXE/0.jpg)](https://www.youtube.com/watch?v=ULnN-cByQXE)

package/public/assets/help-docs/menu.json

@@ -0,0 +1,11 @@
+[
+  { "title": "The basics", "file": "welcome.md" },
+  { "title": "Dashboards and Layout", "file": "dashboards.md" },
+  { "title": "Datasets and Data Charts", "file": "datasets.md" },
+  { "title": "Zones, Notifications and Highlights", "file": "zones.md" },
+  { "title": "Configuration Management", "file": "configuration.md" },
+  { "title": "Data Inspector", "file": "datainspector.md" },
+  { "title": "Gafana Integration", "file": "grafana.md" },
+  { "title": "InfluxDB and Signal K", "file": "influxdb.md" },
+  { "title": "Contact Us", "file": "contact-us.md" }
+]

package/public/assets/help-docs/welcome.md

@@ -0,0 +1,40 @@
+#### Loading KIP on Phones, Tablets, Raspberry Pi, and Computers
+Simply navigate to `http://<Signal K Server URL>:<port>/@mxtommy/kip/` to load KIP and enjoy its features remotely on any device.
+
+#### Touch, Mouse, and Keyboard Navigation
+KIP supports multiple input modes for seamless navigation across devices.
+
+| Actions                      | Gestures       | Mouse                  | Keyboard Shortcuts           |
+|------------------------------|----------------|------------------------|------------------------------|
+| Open Actions menu            | Swipe left     | Click and Drag Left    | Shift + Ctrl + Right Arrow   |
+| Open Notification menu       | Swipe right    | Click and Drag Right   | Shift + Ctrl + Left Arrow    |
+| Cycle through dashboards     | Swipe Up/Down  | Click and Drag Up/Down | Shift + Ctrl + Up/Down Arrow |
+| Toggle Fullscreen            | N/A            | N/A                    | Shift + Ctrl + F             |
+| Toggle Night mode            | N/A            | N/A                    | Shift + Ctrl + N             |
+| Toggle Dashboard edit mode   | N/A            | N/A                    | Shift + Ctrl + E             |
+
+<br/>
+
+#### Mobile App
+Run KIP in full screen, without browser controls, just like a regular mobile app. This feature is supported on most mobile operating systems. Each browser has its own way of handling Progressive Web App (PWA) installations.
+
+**iOS**
+1. Press the "Share" button.
+2. Select "Add to Home Screen" from the action popup list.
+3. Tap "Add" in the top right corner to finish installation.
+KIP is now installed and available on your home screen.
+
+**Android**
+1. Press the "three dot" icon in the upper right to open the menu.
+2. Select "Add to Home screen."
+3. Press the "Add" button in the popup.
+KIP is now installed and available on your home screen.
+
+#### Fullscreen
+You can toggle fullscreen mode on and off, and disable the screen saver and computer sleep mode (if supported by the device/browser), by clicking the small Expand/Reduce button in the upper left corner of the Actions menu or using the keyboard hotkey. This button is not available on mobile devices.
+
+#### Night Mode
+Save your night vision by automatically switching KIP to day or night mode based on sunrise and sunset hours (the Signal K Derived Data plugin is required for automatic switching). This feature can be enabled in the **Settings > Display** page. You can also manually set the mode by clicking the small Moon/Sun button in the upper right corner of the Actions menu. Note that if automatic switching is enabled, brightness will reset to the Signal K mode value.
+
+#### Multiple User Profiles
+KIP supports multiple user profiles, allowing different roles on board—such as captain, skipper, tactician, navigator, or engineer—to tailor the interface to their needs. Profiles can also be used to tie specific configuration arrangements to use cases or device form factors.

package/public/assets/help-docs/zones.md

@@ -0,0 +1,15 @@
+#### Harness the Power of Data State Notifications
+Stay informed about the state of data emitted by Signal K. For example, Signal K can mark data states so that when depth or temperature sensors reach certain levels, KIP can visually or audibly alert the user. A depth of 3 meters or less might be flagged as alarming, prompting KIP to enhance the data presentation with additional visual or audio cues. This feature combines **Zones Configuration** and **Notification Methods** in Signal K.
+
+Zones and notifications are defined as metadata. If you have internet access, you can learn more about this topic at [Signal K Metadata](https://signalk.org/specification/1.7.0/doc/data_model_metadata.html). To configure Signal K's metadata, access the [Data Browser server page](/admin/#/databrowser) and toggle the **Meta Data** switch. You need to configure or add **methods** and **zones** for each path you want to monitor.
+
+IMPORTANT: Zone range values use base units. For example, the speed unit for Apparent Wind Speed (`environment.wind.speedApparent`) is in meters per second (m/s). Define the zone ranges using each path's base unit. KIP will convert the zones ranges and values automatically based on your widgets unit setting. 
+
+You can consult path and unit specifications using the [Keys Reference (Vessel)](https://signalk.org/specification/1.7.0/doc/vesselsBranch.html) and [Keys Reference (Other)](https://signalk.org/specification/1.7.0/doc/otherBranches.html).
+
+##### Notification Configuration
+You can use KIP's **Settings > Notifications** tab to filter and override notification states, as well as configure audio prompts to suit your needs.
+
+##### Displaying Zones and Notifications Information
+- **Notifications Menu**: This menu lists all active notifications along with their details, such as the path, severity level, and message content. From this menu, notifications can be silenced or resolved. The Notifications menu is hidden on the right side by default. When notifications are received, a large button will appear in the lower-right corner. Tapping or clicking this button will open the Notifications Menu. You can also access the menu at any time by swiping right.
+- **Individual Widgets**: Widgets such as **Numeric**, **Linear**, **Radial**, and **Steel Style** offer tailored visual representations of notifications. These widgets highlight relevant data ranges and provide an optimal user experience by integrating notifications into their design.

package/public/dashboard-scroller.component.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["src/app/core/components/dashboard-scroller/dashboard-scroller.component.scss"],
-  "sourcesContent": [".page-scroll-title {\n  position: absolute;\n  top: 50%;\n  right: 54px;\n  transform: translate(0%, -50%);\n  z-index: 100;\n  cursor: default;\n  text-align: center;\n  padding: 10px;\n  color: var(--sys-tertiary);\n}\n\n.page-scroll-page-number {\n  position: absolute;\n  top: 50%;\n  right: 15px;\n  transform: translate(0%, -50%);\n  z-index: 100;\n  cursor: default;\n  display: grid;\n  padding: 0px;\n}\n\n.page-scroll-container {\n  opacity: 0;\n  background-color: var(--sys-inverse-on-surface);\n  border-radius: 10px;\n  border: 1px solid var(--sys-inverse-on-surface);\n}\n\n.page-icon {\n  transform: scale(0.75);\n}\n"],
-  "mappings": ";AAAA,CAAA;AACE,YAAA;AACA,OAAA;AACA,SAAA;AACA,aAAA,UAAA,EAAA,EAAA;AACA,WAAA;AACA,UAAA;AACA,cAAA;AACA,WAAA;AACA,SAAA,IAAA;;AAGF,CAAA;AACE,YAAA;AACA,OAAA;AACA,SAAA;AACA,aAAA,UAAA,EAAA,EAAA;AACA,WAAA;AACA,UAAA;AACA,WAAA;AACA,WAAA;;AAGF,CAAA;AACE,WAAA;AACA,oBAAA,IAAA;AACA,iBAAA;AACA,UAAA,IAAA,MAAA,IAAA;;AAGF,CAAA;AACE,aAAA,MAAA;;",
+  "sourcesContent": [":host {\n  pointer-events: none;\n}\n\n.page-scroll-title {\n  position: absolute;\n  top: 50%;\n  right: 54px;\n  transform: translate(0%, -50%);\n  z-index: 100;\n  cursor: default;\n  text-align: center;\n  padding: 10px;\n  color: var(--sys-tertiary);\n}\n\n.page-scroll-page-number {\n  position: absolute;\n  top: 50%;\n  right: 15px;\n  transform: translate(0%, -50%);\n  z-index: 100;\n  cursor: default;\n  display: grid;\n  padding: 0px;\n}\n\n.page-scroll-container {\n  opacity: 0;\n  background-color: var(--sys-inverse-on-surface);\n  border-radius: 10px;\n  border: 1px solid var(--sys-inverse-on-surface);\n}\n\n.page-icon {\n  transform: scale(0.75);\n}\n"],
+  "mappings": ";AAAA;AACE,kBAAA;;AAGF,CAAA;AACE,YAAA;AACA,OAAA;AACA,SAAA;AACA,aAAA,UAAA,EAAA,EAAA;AACA,WAAA;AACA,UAAA;AACA,cAAA;AACA,WAAA;AACA,SAAA,IAAA;;AAGF,CAAA;AACE,YAAA;AACA,OAAA;AACA,SAAA;AACA,aAAA,UAAA,EAAA,EAAA;AACA,WAAA;AACA,UAAA;AACA,WAAA;AACA,WAAA;;AAGF,CAAA;AACE,WAAA;AACA,oBAAA,IAAA;AACA,iBAAA;AACA,UAAA,IAAA,MAAA,IAAA;;AAGF,CAAA;AACE,aAAA,MAAA;;",
   "names": []
 }

package/public/{data-browser.component.css.map → data-inspector.component.css.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["src/app/core/components/data-browser/data-browser.component.css"],
+  "sources": ["src/app/core/components/data-inspector/data-inspector.component.css"],
   "sourcesContent": [".full-display {\n  width: 100%;\n  position: relative;\n  z-index: 500;\n}\n\n.full-height {\n  height: 100%;\n}\n\n.mat-column-path {\n  flex: 0 0 50%;\n  width: 50%;\n}\n\n.mat-mdc-table {\n  overflow: auto;\n}\n\n.table-container{\n  /* max-height: 74vh; */\n  overflow: auto;\n  height: auto;\n}\n\n.paginator{\n  width: 100%;\n  position: sticky;\n}\n\n.filter-field {\n  padding: 15px 20px;\n  width: calc(100% - 40px);\n}\n\n.flex-container {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: stretch;\n  gap: 10px;\n}\n\n.pathCell {\n  flex: 1 1 50%;\n}\n\n.pathHeader {\n  flex: 1 1 50%;\n}\n\n.dataHeader {\n  flex: 1 1 50%;\n}\n\n.dataCell {\n  flex: 1 1 50%;\n  flex-flow: column;\n  flex-wrap: wrap;\n  gap: 2px;\n}\n\n@media screen and (max-width: 750px) {\n  .pathHeader {\n    flex: 1 1 50%;\n  }\n\n  .dataHeader {\n    flex: 1 1 50%;\n  }\n\n  .dataCell {\n    flex: 1 1 100%;\n  }\n\n  .dataCell {\n    flex: 1 1 100%;\n    margin-left: 24px;\n  }\n\n  .mat-mdc-table .mat-mdc-row {\n    flex-direction: row;\n    flex-wrap: wrap;\n  }\n\n  .mat-mdc-table .mat-mdc-cell:before {\n    content: attr(data-label);\n    float: left;\n    padding-right: 5px;\n  }\n\n  mat-row::after {\n    min-height: auto;\n    padding-bottom: 10px;\n  }\n\n  .dataRow {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .actionCell {\n    margin-left: 24px;\n  }\n\n}\n"],
   "mappings": ";AAAA,CAAC;AACC,SAAO;AACP,YAAU;AACV,WAAS;AACX;AAEA,CAAC;AACC,UAAQ;AACV;AAEA,CAAC;AACC,QAAM,EAAE,EAAE;AACV,SAAO;AACT;AAEA,CAAC;AACC,YAAU;AACZ;AAEA,CAAC;AAEC,YAAU;AACV,UAAQ;AACV;AAEA,CAAC;AACC,SAAO;AACP,YAAU;AACZ;AAEA,CAAC;AACC,WAAS,KAAK;AACd,SAAO,KAAK,KAAK,EAAE;AACrB;AAEA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,aAAW;AACX,mBAAiB;AACjB,eAAa;AACb,OAAK;AACP;AAEA,CAAC;AACC,QAAM,EAAE,EAAE;AACZ;AAEA,CAAC;AACC,QAAM,EAAE,EAAE;AACZ;AAEA,CAAC;AACC,QAAM,EAAE,EAAE;AACZ;AAEA,CAAC;AACC,QAAM,EAAE,EAAE;AACV,aAAW;AACX,aAAW;AACX,OAAK;AACP;AAEA,OAAO,OAAO,IAAI,CAAC,SAAS,EAAE;AAC5B,GAhBD;AAiBG,UAAM,EAAE,EAAE;AACZ;AAEA,GAhBD;AAiBG,UAAM,EAAE,EAAE;AACZ;AAEA,GAhBD;AAiBG,UAAM,EAAE,EAAE;AACZ;AAEA,GApBD;AAqBG,UAAM,EAAE,EAAE;AACV,iBAAa;AACf;AAEA,GAlED,cAkEgB,CAAC;AACd,oBAAgB;AAChB,eAAW;AACb;AAEA,GAvED,cAuEgB,CAAC,YAAY;AAC1B,aAAS,KAAK;AACd,WAAO;AACP,mBAAe;AACjB;AAEA,SAAO;AACL,gBAAY;AACZ,oBAAgB;AAClB;AAEA,GAAC;AACC,oBAAgB;AAChB,iBAAa;AACf;AAEA,GAAC;AACC,iBAAa;AACf;AAEF;",
   "names": []