Add embedded UI details (#5080)

Co-authored-by: Alexey Zimarev <[email protected]>

Author: github-actions[bot]

docs/server/features/admin-ui.md

@@ -2,31 +2,78 @@
 order: 1
 ---
 
-# Admin UI
+# Embedded Web UI
 
-The KurrentDB Admin UI is available at _SERVER_IP:2113_ and helps you interact with and visually manage a cluster. This guide explains the interface's tabs and their functions.
+The KurrentDB embedded UI is available at _SERVER_IP:2113_ and helps you interact with and visually manage a cluster. This guide explains the interface's tabs and their functions.
 
 ::: tip
-The embedded KurrentDB web interface is reaching its end of life. We are working on a replacement, and you can try using the Early Preview of [Kurrent Navigator](https://navigator.kurrent.io/) app instead. It doesn't have full feature parity with the embedded web UI, but it already has usability improvements compared to it.
+The legacy KurrentDB web interface (`/web`) is reaching its end of life. In the future, the legacy UI functionality will be split between the new embedded UI (available since V25.0) and Kurrent Navigator. You can try using the Preview version of [Kurrent Navigator](https://navigator.kurrent.io/) app today. It doesn't have full feature parity with the legacy web UI, but it already has usability improvements compared to it.
 :::
 
-## Dashboard
+## Embedded UI
+
+The new embedded UI shows the cluster status and resources utilization, as well as some useful metrics about throughput of data being put to and read from the database. In addition, it shows some useful information about the cluster node like its configuration, license status, and more.
+
+### Dashboard
+
+![Embedded UI dashboard](images/ui/dashboard.png)
+
+The dashboard is the embedded UI entry point. There, you find the following information:
+- **Cluster status**: Shows the cluster status and the number of nodes in the cluster.
+- **Cluster nodes**: Shows the list of nodes in the cluster and their status.
+- **Node resources**: Shows the node resources utilization, including CPU, memory, and disk usage.
+- **Node metrics**: Shows the node metrics, including the number of events written, read, and the number of open connections.
+
+### Logs
+
+<Badge type="info" vertical="middle" text="License Required"/>
+
+![Embedded UI Logs page](images/ui/logs.png)
+
+The _Logs_ section shows the recent log messages of the cluster node. It's possible to filter log messages by log level and message content. The logs are streamed to the UI in real-time, so you can see the latest log messages as they are generated. The log stream starts at the moment you open the page, and there's no option to find olg logs on that page.
+
+Use the _Logs_ page to observe the cluster node's activity and troubleshoot any issues that may arise.
+
+### Configuration
+
+<Badge type="info" vertical="middle" text="License Required"/>
+
+![Embedded UI configuration page](images/ui/config.png)
+
+On the _Configuration_ page, you can view the current configuration of the cluster node. The configuration is displayed in a tabular format, and you can filter options by name, value, and source. The page shows description for each option, its current value, and the source from which it was set (e.g., default, environment variable, or configuration file).
+
+The configuration is read-only, and you cannot modify it from the UI.
+
+### Other Pages
+
+Other pages of the embedded UI are:
+- **License**: Shows the license status of the cluster node. You can view the license type, expiration date, and other details.
+- **Navigator**: Has a link to the Kurrent Navigator app download page, where you can also find supported features table in comparison with the legacy admin UI.
+- **Legacy UI**: Has a link to the legacy web UI, which is still available for now. The legacy UI will be deprecated in the future, and you should use the new embedded UI or Kurrent Navigator instead.
+
+## Legacy UI
+
+The legacy web UI is available at _SERVER_IP:2113/web_ and helps you interact with and visually manage a cluster, as well as browse the data. This guide explains the interface's tabs and their functions.
+
+You can also open the legacy UI by clicking the _Legacy UI_ link of the new embedded UI sidebar.
+
+### Dashboard
 
 ![Web admin interface dashboard](images/wai-dashboard.png)
 
-The _Dashboard_ tab shows an overview of active queues with associated statistics in the top half. The _+_ icon indicates a queue group; click it to reveal the queues in that group.
+In the legacy webUI, the _Dashboard_ tab shows an overview of active queues with associated statistics in the top half. The _+_ icon indicates a queue group; click it to reveal the queues in that group.
 
 The second half of the tab shows active connections to KurrentDB and information about them.
 
 Click the _Snapshot_ button in the top right to output a snapshot of all queue statistics at the time you clicked the button.
 
-## Stream browser
+### Stream browser
 
 ![Web admin interface stream browser tab](images/wai-stream-browser.png)
 
 The _Stream Browser_ tab gives an overview of recently created and changed streams, clicking on an individual stream shows details about the individual stream.
 
-### Event stream
+#### Event stream
 
 ![Web admin interface stream details](images/wai-stream-details.png)
 
@@ -49,7 +96,7 @@ The buttons on the left above the events when you are viewing an event stream ar
 - _metadata_: Shows the metadata of a stream.
   - On the metadata screen, click _Add New Like This_ to add a new event to the stream.
 
-## Projections
+### Projections
 
 ![Web admin interface projections tab](images/wai-projections.png)
 
@@ -75,13 +122,13 @@ On the left is the projection definition. On the right are the stats, results, a
 - _Reset_: Reset a projection.
 - _Back_: Returns you to the parent screen.
 
-## Query
+### Query
 
 The _Query_ tab has a code editor field where you can create transient and short-lived projections to analyze your event streams quickly.
 
 ![Web admin interface query details](images/wai-query-details.png)
 
-## Persistent subscriptions
+### Persistent subscriptions
 
 The _Persistent Subscriptions_ tab shows an overview of [persistent subscriptions](persistent-subscriptions.md) configured on streams. The button above the list does the following:
 
@@ -94,18 +141,18 @@ Clicking the _+_ icon next to a stream name reveals the subscription name and mo
 - _Detail_: Shows the subscription configuration options.
 - _Replay Parked Messages_: Replay events in subscription to return state.
 
-## Admin
+### Admin
 
 ![Web admin interface admin](images/wai-admin.png)
 
 The _Admin_ tab shows subsystems enabled (currently only [projections](projections/README.md)) on KurrentDB and [scavenges](../operations/scavenge.md) run. You can start a new scavenge operation by clicking the _Scavenge_ button, and shut KurrentDB down by clicking the _Shutdown Server_ button.
 
-## Users
+### Users
 
 ![Web admin interface projections tab](images/wai-users.png)
 
 The _Users_ tab shows [the users defined in KurrentDB](../security/user-authentication.md). Clicking an individual user displays a JSON representation of that user's details.
 
-## Log out
+### Log out
 
 Logs you out of the Admin UI interface.