Syncing UI_Extension pages to /next and latest v5.4 folder.

Signed-off-by: Sunil Singh <[email protected]>

Author: sunilarjun

docs/15.ui_extension/01.dashboard/01.dashboard.md

@@ -6,17 +6,17 @@ slug: /ui_extension/dashboard
 ---
 
 
-### Monitor Overview of Security Status
+## Monitor Overview of Security Status
 
-In the UI Extension in the Rancher portal, NeuVector's Dashboard works similar as its standalone page. It provides security risk score factors to let users know the security status of their clusters. In the bottom panel, it provides 4 tabs to let users switch the charts to monitor different categories.
+In the UI Extension in the Rancher portal, NeuVector's Dashboard works similar to its standalone page. It provides security risk score factors to let users know the security status of their clusters. In the bottom panel, it provides 4 tabs to let users switch the charts to monitor different categories.
 
-In the Security Events tab, the line chart shows a date-based event count in a timeline.
-The top security events bar charts presents the top 5 source and destination endpoints.
+In the **Security Events** tab, the line chart shows a date-based event count in a timeline. The top security events bar chart displays the top 5 source and destination endpoints.
 
 ![Dashboard](dashboard_security_events.png)
 
-In Ingress and Egress Exposure tab, the stacked bar chart shows the amount of exposed endpoints by actions.
-On the right side, the exposure tables show egress and ingress endpoint service with scan information.
+In the **Ingress and Egress Exposure** tab, the stacked bar chart shows the amount of exposed endpoints by actions.
+
+On the right side, the exposure tables show egress and ingress endpoint services with scan information.
 
 ![Dashboard](dashboard_exposure.png)
 
@@ -28,18 +28,16 @@ Click on the External Host, it redirects to whois.com to show the IP address' de
 
 ![External](whois.png)
 
-In the Policy Mode tab, the pie charts show the ratio and numbers of pods / services under different policy modes.
+In the **Policy Mode** tab, the pie charts show the ratio and numbers of pods / services under different policy modes.
 
 ![Dashboard](dashboard_policy_mode.png)
 
-In the Top Vulnerable Assets tab, the bar charts show the top 5 pods / nodes which contain high or medium severity vulnerabilities.
+In the Top **Vulnerable Assets** tab, the bar charts show the top 5 pods / nodes which contain high or medium severity vulnerabilities.
 
 ![Dashboard](dashboard_top_vul_assets.png)
 
 ### Functions Not Included When Comparing with NeuVector Standalone Page
 
-Score improvement dialog
-
-Application Protocols Detected and Protected by Layer 7 Network Rules
-
-Namespace base PDF reports
+- Score improvement dialog.
+- Application protocols detected and protected by Layer 7 network rules.
+- Namespace based PDF reports.

docs/15.ui_extension/02.runtime _security/runtime_security.md

@@ -0,0 +1,47 @@
+---
+title: 5.x Runtime Security
+taxonomy:
+category: docs
+slug: /ui_extension/runtime_security
+---
+
+
+## Assets Security Scan Result
+
+As Rancher Manager has its own **Nodes** and **Workloads** tab to manage and monitor the assets statuses, NeuVector injects components to display its runtime scan result.
+
+### Nodes
+
+In the **Nodes** tab table view, the **Vulnerabilities** column is injected to show each node's detected vulnerabilities amount by high / medium severity.
+
+![Nodes](nodes.png)
+
+Clicking on the **Vulnerabilities** cell will pop up a new display page to show the scan result details. The database version of the scanner is shown as well as a filterable vulnerability list.
+
+![Nodes](nodes_vul.png)
+
+Clicking on the **Name** cell on the **Nodes** table redirects to the node detail page. NeuVector injects a **Vulnerabilities** tab to display a table with listed vulnerabilities.
+
+![Nodes](node_detail_vul.png)
+
+Clicking on the CVE link in the **Name** cell in the **Vulnerabilities** table opens a pop up to show CVE descriptions with an external link inn the header to SUSE's CVE information website.
+
+![Nodes](node_detail_vul_cve.png)
+
+![SUSE](suse_cve.png)
+
+A CSV file download button is provided above the **Vulnerabilities** table. The file data includes all the fields which are in the table.
+
+![CSV](download_vul.png)
+
+![CSV](cve_csv.png)
+
+### Workloads
+
+Temporarily, the **Vulnerabilities** column will not be injected in the **Workloads** table in the v5.4 release due to potential performance concern. The NeuVector team will work with the Rancher team to integrate it soon.
+
+Clicking on a **Name** in the **Pods** table redirects to the pod detail page. NeuVector injects a **Vulnerabilities** tab to display a table with listed vulnerabilities.
+
+![Pods](pods.png)
+
+![Pod_Detail](pod_detail_vul.png)