Rename files, product name, update UI paths

Signed-off-by: Diana <75819066+cloudjumpercat@users.noreply.github.com>

Author: cloudjumpercat

…ts/icons/products/advanced-analytics.svg …_assets/icons/products/observability.svgapp/_assets/icons/products/advanced-analytics.svg renamed to app/_assets/icons/products/observability.svg app/_assets/icons/products/advanced-analytics.svg renamed to app/_assets/icons/products/observability.svg

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import advancedAnalytics from '@/icons/products/advanced-analytics.svg'
+import observability from '@/icons/products/observability.svg'
 import AIGateway from '@/icons/products/ai-gateway.svg'
 import devPortal from '@/icons/products/dev-portal.svg'
 import gateway from '@/icons/products/gateway.svg'
@@ -19,7 +19,7 @@ import konnect from '@/icons/products/konnect.svg'
 import referencePlatform from '@/icons/products/konnect-reference-platform.svg'
 
 const productIcons = {
-  'advanced-analytics': advancedAnalytics,
+  'observability': observability,
   'ai-gateway': AIGateway,
   'event-gateway': eventGateway,
   'dev-portal': devPortal,

app/_assets/javascripts/apps/components/ProductIcon.vue

@@ -84,8 +84,8 @@
     --kui-method-color-text-put: rgb(var(--color-semantic-yellow-primary));
     --kui-method-color-background-put: rgb(var(--color-semantic-yellow-secondary));
 
-    --color-advanced-analytics-brand: var(--color-semantic-yellow-primary);
-    --color-advanced-analytics-background: var(--color-semantic-yellow-secondary);
+    --color-observability-brand: var(--color-semantic-yellow-primary);
+    --color-observability-background: var(--color-semantic-yellow-secondary);
     --color-ai-gateway-brand: var(--color-semantic-green-primary);
     --color-ai-gateway-background: var(--color-semantic-green-secondary);
     --color-event-gateway-brand: var(--color-semantic-green-primary);

app/_assets/stylesheets/index.css

@@ -0,0 +1,2 @@
+name: Observability
+icon: /_assets/icons/products/observability.svg

app/_data/products/advanced-analytics.yml

@@ -43,7 +43,7 @@
       "type": "array",
       "items": {
         "type": "string",
-        "enum": ["ai-gateway", "gateway", "insomnia", "mesh", "kic", "catalog", "advanced-analytics", "dev-portal", "operator", "konnect", "event-gateway", "konnect-reference-platform"]
+        "enum": ["ai-gateway", "gateway", "insomnia", "mesh", "kic", "catalog", "observability", "dev-portal", "operator", "konnect", "event-gateway", "konnect-reference-platform"]
       }
     },
     "tools": {

app/_data/products/observability.yml

@@ -64,8 +64,8 @@ platform:
     - title: Govern APIs
       links:
         - text: Analytics
-          url: /advanced-analytics/
-          product: advanced-analytics
+          url: /observability/
+          product: observability
         - text: Scorecards
           icon: /assets/icons/monochrome/document.svg
           url: /catalog/scorecards/

app/_data/schemas/frontmatter/base.json

@@ -4,7 +4,7 @@ description: Learn how to manage a dashboard in {{site.konnect_short_name}} Anal
 content_type: how_to
 automated_tests: false
 products:
-    - advanced-analytics
+    - observability
     - konnect
 works_on:
     - konnect
@@ -40,7 +40,7 @@ prereqs:
         This guide requires an existing dashboard in {{site.konnect_short_name}}. You can create one using the [Create a custom dashboard](/how-to/create-custom-dashboards/) guide.
 related_resources:
   - text: Custom Dashboards
-    url: /advanced-analytics/custom-dashboards/
+    url: /observability/custom-dashboards/
 ---
 
 ## Get the dashboard ID

app/_data/top_navigation.yml

@@ -4,7 +4,7 @@ description: Learn how to create a dashboard from a template in {{site.konnect_s
 content_type: how_to
 automated_tests: false
 products:
-    - advanced-analytics
+    - observability
     - konnect
 works_on:
     - konnect
@@ -27,23 +27,22 @@ prereqs:
         You must be either an [Organization admin or Analytics admin](/konnect-platform/teams-and-roles/). 
 related_resources:
   - text: Custom Dashboards
-    url: /advanced-analytics/custom-dashboards/
+    url: /observability/custom-dashboards/
   - text: Custom dashboards reference
-    url: /advanced-analytics/custom-dashboards-reference/
+    url: /observability/custom-dashboards-reference/
   - text: Automate dashboards with Terraform
     url: /how-to/automate-dashboard-terraform/
 ---
 
 ## Create a dashboard
 
-You can create custom dashboards either from scratch or from a [template](/advanced-analytics/custom-dashboards-reference/#templates). In this tutorial, we'll use a template.
+You can create custom dashboards either from scratch or from a [template](/observability/custom-dashboards-reference/#templates). In this tutorial, we'll use a template.
 
 To create a custom dashboard, do the following: 
 
-1. In {{site.konnect_short_name}}, navigate to [Dashboards](https://cloud.konghq.com/us/analytics/dashboards) in the sidebar.
-
+1. In the {{site.konnect_short_name}} sidebar, click **Observability**.
+1. In the Observability sidebar, click [**Dashboards**](https://cloud.konghq.com/us/analytics/dashboards).
 1. From the **Create dashboard** dropdown menu, select "Create from template".
-
 1. Click **Quick summary dashboard**.
 1. Click **Use template**.
 

app/_how-tos/automate-dashboard-terraform.md

@@ -34,7 +34,7 @@ tldr:
         You can use any [logging plugin](/plugins/?category=logging) to send your AI Gateway metrics and logs to your dashboarding tool. 
         For testing purposes, you can start our [sample observability stack](https://github.com/KongHQ-CX/kong-ai-gateway-observability), send requests to `/gpt4o`, and visualize the results at `http://localhost:5601/app/dashboards#/view/aa8e4cb0-9566-11ef-beb2-c361d8db17a8`.
 
-        If you're using {{site.konnect_short_name}}, you can visualize AI Gateway metrics with [Advanced Analytics](/advanced-analytics/).
+        If you're using {{site.konnect_short_name}}, you can visualize AI Gateway metrics with [Observability](/observability/).
 
 prereqs:
   skip_product: true