Misc. fixes found during Kanso updates

blog-service/2024-02-23-ui.md

@@ -30,3 +30,4 @@ More information:
 * [Click-through Demo](https://app.storylane.io/share/dbjtjmulqvcb)
 
 <!--We'd love your feedback! Just click the **Feedback** button at the bottom of the left-side nav. You can also reach out to our [Sumo Dojo Slack community](https://sumodojo.slack.com/) #sumo-new-ui channel.-->
+<!-- Kanso (putting this here for better searchability)-->

docs/apm/traces/get-started-transaction-tracing/http-traces-source.md

@@ -5,6 +5,8 @@ sidebar_label: HTTP Traces Source Setup
 description: An HTTP Traces Source is an endpoint for receiving traces.
 ---
 
+import useBaseUrl from '@docusaurus/useBaseUrl';
+
 An HTTP Traces Source is an endpoint for receiving trace data. The URL securely encodes the Collector and Source information. You can add as many HTTP Traces Sources as you'd like to a single Hosted Collector.
 
 When you set up an HTTP Traces Source, a unique URL is assigned to that Source. The generated URL is a long string of letters and numbers. You can generate a new URL at any time.
@@ -20,8 +22,8 @@ To configure an HTTP Traces Source:
 
 1. <!--Kanso [**Classic UI**](/docs/get-started/sumo-logic-ui/). Kanso-->  In the main Sumo Logic menu, select **Manage Data > Collection > Collection**. <!--Kanso <br/>[**New UI**](/docs/get-started/sumo-logic-ui-new/). In the top menu select **Configuration**, and then under **Data Collection** select **Collection**. You can also click the **Go To...** menu at the top of the screen and select **Collection**.  Kanso-->
 1. On the Collection page, click **Add Source** next to a Hosted Collector.
-1. Select **HTTP Traces**. <br/> ![http traces.png](/img/traces/http-traces.png)
-1. Enter a **Name** for the Source. A description is optional. <br/>![traces source no fields.png](/img/traces/traces-source-no-fields.png)
+1. Select **HTTP Traces**.<br/> <img src={useBaseUrl('img/traces/http-traces.png')} alt="icon" width="100"/>
+1. Enter a **Name** for the Source. A description is optional. <br/><img src={useBaseUrl('img/traces/traces-source-no-fields.png')} alt="icon" width="450"/>
 1. (Optional) For **Source Host** and **Source Category**, enter any string to tag the output collected from the source. These are [built-in metadata](/docs/search/get-started-with-search/search-basics/built-in-metadata) fields that allow you to organize your data.
 1. When you are finished configuring the Source, click **Save**.
 

docs/dashboards/locate-deviations-time-series.md

@@ -8,7 +8,7 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 An **outlier** is a data point that is outside the range of expected values. This page shows you how to locate deviations beyond thresholds in a time series. 
 
 :::note
-Currently, the feature is only available for logs queries. 
+Currently, the feature is only available for logs queries.
 :::
 
 ## Graphing log queries to find outliers
@@ -18,8 +18,8 @@ You can graph log queries to determine where there are deviations from norma
 To graph a log query and determine outliers, do the following:
 
 1. In Sumo Logic, go to and open a Dashboard.
-1. In the upper right corner click **Add Panel** and select **Time Series** as the panel type.<br/><img src={useBaseUrl('/img/dashboards-new/locate-deviations/example-time-series.png')} alt="example time series" style={{border: '1px solid gray'}} width="400" />
-1. By default, the query builder is set for a **Logs** query.<br/><img src={useBaseUrl('/img/dashboards-new/locate-deviations/Add_Panel_Logs_Query_option.png')} alt="Add_Panel_Logs_Query_option" style={{border: '1px solid gray'}} width="300" />
+1. In the upper right corner click **Add Panel** and select **Time Series** as the panel type.<br/><img src={useBaseUrl('/img/dashboards-new/locate-deviations/example-time-series.png')} alt="example time series" style={{border: '1px solid gray'}} width="300" />
+1. By default, the query builder is set for a **Logs** query.<br/><img src={useBaseUrl('/img/dashboards-new/locate-deviations/Add_Panel_Logs_Query_option.png')} alt="Add_Panel_Logs_Query_option" style={{border: '1px solid gray'}} width="200" />
 1. Enter your log query in the text field on the right and press **Return** to run the query. We used the following query for our example.
     ```sql
     (_sourceCategory=airflow-service)
@@ -39,13 +39,13 @@ You can easily modify the look of the chart by changing the color palette, line
 To customize the visual appearance of the graph, do the following:
 
 1. Go to the far right panel and click the **Display** icon, if it is not already selected.<br/><img src={useBaseUrl('/img/dashboards-new/locate-deviations/Outlier_Graph_Display_icon.png')} alt="Outlier_Graph_Display_icon" style={{border: '1px solid gray'}} width="600" />
-1. Make **Format** selections in the right panel as described in [Customizing a chart](create-dashboard-new.md).<br/><img src={useBaseUrl('/img/dashboards-new/locate-deviations/Chart_Type_Settings.png')} alt="Chart_Type_Settings" style={{border: '1px solid gray'}} width="300" />
+1. Make **Format** selections in the right panel as described in [Customizing a chart](create-dashboard-new.md).<br/><img src={useBaseUrl('/img/dashboards-new/locate-deviations/Chart_Type_Settings.png')} alt="Chart_Type_Settings" style={{border: '1px solid gray'}} width="200" />
 1. Make **Outlier Visual Settings** selections for the following:
     * **Band Color**. The fill that defines the outlier region.
     * **Line Type**. Boundary line of the outlier region.
     * **Fill Opacity**. Denseness of the fill color in the outlier region.
     * **Line Thickness**. Thickness of the line bordering the outlier region.
-    * **Marker Color**. Color of the marker for an outlier peak value. <br/><img src={useBaseUrl('/img/dashboards-new/locate-deviations/Outlier_Visual_Settings.png')} alt="Outlier_Visual_Settings.png" style={{border: '1px solid gray'}} width="300" />
-1. In the upper right corner, click **Add to Dashboard**.<br/><img src={useBaseUrl('/img/dashboards-new/locate-deviations/AddPanel_Add_to_Dashboard.png')} alt="AddPanel_Add_to_Dashboard.png" style={{border: '1px solid gray'}} width="300" />
+    * **Marker Color**. Color of the marker for an outlier peak value. <br/><img src={useBaseUrl('/img/dashboards-new/locate-deviations/Outlier_Visual_Settings.png')} alt="Outlier_Visual_Settings.png" style={{border: '1px solid gray'}} width="200" />
+1. In the upper right corner, click **Add to Dashboard**.<br/><img src={useBaseUrl('/img/dashboards-new/locate-deviations/AddPanel_Add_to_Dashboard.png')} alt="AddPanel_Add_to_Dashboard.png" style={{border: '1px solid gray'}} width="400" />
 
-<br/>The panel appears on your dashboard.<br/><img src={useBaseUrl('/img/dashboards-new/locate-deviations/Outlier_Panel_on_Dashboard.png')} alt="Outlier_Panel_on_Dashboard" style={{border: '1px solid gray'}} width="700" />
+<br/>The panel appears on your dashboard.<br/><img src={useBaseUrl('/img/dashboards-new/locate-deviations/Outlier_Panel_on_Dashboard.png')} alt="Outlier_Panel_on_Dashboard" style={{border: '1px solid gray'}} width="700" />

docs/get-started/sumo-logic-ui-new.md

@@ -27,7 +27,7 @@ import Iframe from 'react-iframe';
 
 <p><a href="/docs/beta"><span className="beta">Closed Beta</span></a></p>
 
-This page provides an overview of Sumo Logic **New UI**, currently in beta (slated for general availability in late 2024).
+This page provides an overview of the Sumo Logic **New UI**, currently in beta and slated for general availability in late 2024.
 
 <Iframe url="https://www.youtube.com/embed/shtEqnPL-sc?si=sR26VYLt9NnqqghL?rel=0"
         width="854px"
@@ -40,21 +40,29 @@ This page provides an overview of Sumo Logic **New UI**, currently in beta (slat
         allowfullscreen
         />
 
+
+## Benefits
+
+With the New UI, you can expect:
+
+* Unified experience across Operational and Security analytics products
+* Accelerated performance, reduced load time, and enhanced caching
+* Stateful URLs to preserve page states upon re-login
+* Use-case-based navigation for streamlined feature discovery
+
+[Learn more](/release-notes-service/2024/02/23/ui/)
+
 ## Prerequisites
 
-You'll need request access by contacting your Sumo Logic sales representative.
+As this is a Closed Beta, you'll need obtain access by contacting your Sumo Logic sales representative.
 
 ## Getting to the New UI
 
-Once you're logged in to Sumo Logic, go to the left navigation panel and click **Switch to New UI**.
+Once you're logged in to Sumo Logic, go to the left navigation (nav) panel and click **Switch to New UI**.
 
 <img src={useBaseUrl('img/get-started/switch-new-ui.png')} alt="switch-new-ui.png" width="250"/>
 
-## Using the left navigation panel
-
-From the left-side navigation (nav) panel, you can access your dashboards library as well as our main functions and features, such as Log Search, Metrics, Infrastructure Monitoring, Application Monitoring, Cloud SIEM Enterprise, and Cloud SOAR.
-
-### Home
+## Home
 
 When you first log in, you'll land on the Sumo Logic **Home** page > **Home** tab, which provides an at-a-glance view of the following:
 
@@ -63,6 +71,10 @@ When you first log in, you'll land on the Sumo Logic **Home** page > **Home** ta
 * Recommended Dashboards 
 * Pinned Searches<br/><img src={useBaseUrl('img/get-started/dashboard-searches.png')} alt="dashboard-searches.png" />
 
+## Using the left navigation panel
+
+In the left nav panel, you can access all of our features, such as Log Search, Metrics, Infrastructure Monitoring, Application Monitoring, Cloud SIEM, and more. You'll also find your dashboards library here.
+
 ### Access dashboards and searches
 
 The left nav panel provides easy access to libraries, searches, folders, and your personal collection of dashboards. Click the icons at the top of the left-side nav panel to view:
@@ -235,9 +247,9 @@ You do not have to stop there either. You can take the next step and become Sumo
 This guide offers responses to frequently asked questions regarding the Sumo Logic UI redesign project, which involves transitioning from the current Classic UI to the upcoming New UI.
 
 <details>
-<summary><strong>Q:</strong> What's being launched?</summary>
+<summary><strong>Q:</strong> What is being launched?</summary>
 
-We are excited to introduce the Sumo Logic Unified Experience, also known as Project Kanso, inspired by the Japanese principle of simplicity and clutter elimination. This initiative integrates the capabilities of our Log Analytics, Cloud SIEM, and Cloud SOAR into a unified navigation system. Alongside this integration, we have implemented several user interface enhancements to make all Sumo Logic features more accessible and user-friendly.
+We are excited to introduce the Sumo Logic Unified Experience, internally known as Project Kanso, inspired by the Japanese principle of simplicity and clutter elimination. This initiative integrates the capabilities of our Log Analytics, Cloud SIEM, and Cloud SOAR into a unified navigation system. Alongside this integration, we have implemented several user interface enhancements to make all Sumo Logic features more accessible and user-friendly.
 </details>
 
 
@@ -253,19 +265,18 @@ In-app tabs present performance and usability challenges since they all operate
 
 
 <details>
-<summary><strong>Q:</strong> What changes have been implemented and how do they enhance my Sumo experience?</summary>
+<summary><strong>Q:</strong> What changes have been implemented that enhance my Sumo experience?</summary>
 
 * **Unified Navigation**. You'll now notice a uniform navigation system across Log Analytics, Cloud SIEM, and Cloud SOAR products, ensuring a consistent experience for Sumo Logic users engaged in both observability and security use cases.
-* **Improved Product Discoverability**. The left navigation bar now organizes product features in a solution-centric manner, emphasizing key use cases like infrastructure monitoring, application monitoring, log analysis, security monitoring, and analytics. This reorganization aims to facilitate easier access to Sumo Logic's product features.
+* **Improved Product Discoverability**. The left nav panel now organizes product features in a solution-centric manner, emphasizing key use cases like infrastructure monitoring, application monitoring, log analysis, security monitoring, and analytics. This reorganization aims to facilitate easier access to Sumo Logic's product features.
 * **Enhanced Browsing Experience and Accelerated Performance**. In-app tabs will be replaced with native browser tabs, significantly improving _First Contentful Paint_ (FCP) and _Time to Interactive_ (TTI) metrics. With this change, you'll experience faster page load times and ability to organize tabs the way you are used to with other applications.
 * **Stateful URLs**. Most of the page URLs will now be stateful, allowing you to easily share content with your team members. Any changes made in the UI will be reflected in the URL parameters, making it simple for you to copy and share URLs. Additionally, this feature enables users to navigate back to previous states effortlessly by using the browser.
 </details>
 
-
 <details>
-<summary><strong>Q:</strong> I have some concerns regarding unfamiliar experiences and potential issues arising from them. How is Sumo Logic addressing these concerns to ensure a seamless transition?</summary>
+<summary><strong>Q:</strong> What if I encounter issues due to unfamiliar UI experiences?</summary>
 
-Understanding the challenges that come with change, we are confident that the **New UI** will offer our customers a notably enhanced, faster, and more seamlessly integrated experience. To facilitate a smooth transition, we have taken the following steps:
+Understanding the challenges that come with change, we are confident that the **New UI** will offer you a notably enhanced, faster, and more seamlessly integrated experience. To facilitate a seamless transition, we have taken the following steps:
 
 * **Dogfooding**. We at Sumo Logic are the biggest customer of our own platform. Through extensive dogfooding, we've gained a deep understanding of workflows and addressed any issues that arose.
 * **Beta Testing**. We're conducting extensive beta testing with a large group of our customers. This allows us to gather feedback and address any pain points that may have been overlooked. If you'd like to participate, reach out to your Sumo Logic account executive.
@@ -274,18 +285,22 @@ Understanding the challenges that come with change, we are confident that the **
 
 
 <details>
-<summary><strong>Q:</strong> I like that all Sumo Logic tabs are grouped together in one browser tab. With this change, will I have an excessive amount of Sumo Logic tabs in my browser?</summary>
+<summary><strong>Q:</strong> With all Sumo Logic tabs being grouped together in one browser tab, how can I prevent an excessive amount of tabs in my browser? </summary>
 
-We're aware that the removal of in-app tabs may be the most significant change in our user workflow. We've received feedback from users, both positive and negative, regarding our tabs. While some users appreciate the convenience of having all the tabs within the app, others have questioned why we're trying to reinvent the tabs.
+We understand that the removal of in-app tabs in the New UI is a significant change in our user workflow, eliciting mixed feedback. While some users appreciate the convenience of consolidated tabs within the app, others question the need for this change. Addressing performance concerns, consolidating tabs aims to reduce browser clutter, albeit potentially complicating session management. For users who prefer centralized Sumo Logic tabs, we recommend utilizing [tab grouping functionality](#customize-your-environment-withtabs) for a seamless experience.
 
-Having in-app tabs has caused performance issues, which has been a complaint about the Sumo Logic UI. On one hand, consolidating all the tabs together reduces the number of browser tabs, but on the other hand, it can make it difficult to manage multiple sessions.
+| Classic UI | New UI |
+|:---|:---|
+| In-house tabs solution. Always trying to keep up with browser tab improvements. | Utilizes browser’s native tab capability like tab grouping and coloring. |
+| User needs to learn new way of organizing tabs. Multiple Sumo instances is difficult. | User utilizes what they already know. Multiple Sumo instances is easier. |
+| Performance degrades over long usage because user is using one browser tab. | Memory usage is distributed over different tabs. |
+| Tab switches reloads the tab. | Tab switches won’t reload the tab. This will accelerate time to load, which is especially useful for data-rich features like Dashboards. |
 
-If you prefer having all Sumo Logic tabs in one place - without getting mixed with other browser tabs - we suggest utilizing the [tab grouping functionality](#customize-your-environment-withtabs) offered by most browsers. By adding your Sumo Logic tab to a tab group, any new tabs opened within the Sumo Logic platform will automatically open in the same tab group. You can also collapse the tab group to reclaim valuable real estate in the browser's tab bar.
 </details>
 
 
 <details>
-<summary><strong>Q:</strong> Will the New UI continue the functionality of remembering the tabs I had opened in my previous session, similar to the Classic UI?</summary>
+<summary><strong>Q:</strong> Will the New UI retain the Classic UI feature of remembering previously opened tabs from my previous session?</summary>
 
 After analyzing tab usage data, we've found that a minimal portion of previously opened tabs are actively utilized by our users. Consequently, the Sumo Logic UI often remains cluttered with multiple unused tabs. With the introduction of the **New UI** experience, if you fail to close browser tabs from previous sessions, they will automatically reload upon login.
 
@@ -314,14 +329,6 @@ You have the flexibility to opt out whenever you choose. Just go to left navigat
 If you enter the **New UI** URL in your browser, it will still direct you to the **New UI**. We have implemented a translation from the **Classic UI** to the **New UI**, but not the other way around.
 </details>
 
-
-<details>
-<summary><strong>Q:</strong> When is Sumo Logic planning to remove access to the Classic UI?</summary>
-
-Our goal is to turn off access to the Classic UI at the end of 2024. However, this timeline is subject to our successful beta testing.
-</details>
-
-
 <details>
 <summary><strong>Q:</strong> Will there be any limitations on capabilities during the beta phase?</summary>
 
@@ -336,6 +343,12 @@ Additionally, there are a few functionalities that are still in the process of b
 * **Content Admin Mode**. Recents and favorites will not load in content admin mode. We are actively enhancing the user experience for recents and favorites in this mode.
 </details>
 
+<details>
+<summary><strong>Q:</strong> When will Sumo Logic remove access to the Classic UI?</summary>
+
+Our goal is to turn off access to the Classic UI at the end of 2024. However, this timeline is subject to our successful beta testing.
+</details>
+
 ## Get support
 
 Contact [Support](https://support.sumologic.com/) or head to our [Sumo Logic Slack](https://sumodojo.slack.com/) channel.