feat(docs): update ckpt docs with new grafana ui

macros/edge-services/edge-services-bucket-benefits.mdx

@@ -2,9 +2,11 @@
 macro: edge-services-bucket-benefits
 ---
 
+import EdgeServicesPipelineNoWAF from './assets/scaleway-edge-services-pipeline-nowaf.webp'
+
 - Customize your bucket's endpoint using a subdomain of your own domain
 - Add your own SSL/TLS certificate, safeguarded in [Scaleway Secret Manager](/secret-manager/quickstart/), or generate a managed Let's Encrypt certificate, so your subdomain can serve content from your bucket over HTTPS
 - Enhance performance by caching your stored objects, to be served directly by Edge Services from the cache
 - Finely control your cached objects via purging (cache invalidation)
 
-<Lightbox src="scaleway-edge-services-pipeline-nowaf.webp" alt="A diagram shows the elements and workflow of an Edge Services pipeline. The user connects to the customizable Edge Services endpoint (with its SSL/TLS certificate), which fetches content from the Edge Services cache, which itself fetches content to cache from an origin which is either an Object Storage bucket or Load Balancer" />
+<Lightbox image={EdgeServicesPipelineNoWAF} alt="A diagram shows the elements and workflow of an Edge Services pipeline. The user connects to the customizable Edge Services endpoint (with its SSL/TLS certificate), which fetches content from the Edge Services cache, which itself fetches content to cache from an origin which is either an Object Storage bucket or Load Balancer" />

macros/edge-services/edge-services-lb-benefits.mdx

@@ -2,9 +2,11 @@
 macro: edge-services-lb-benefits
 ---
 
+import EdgeServicesPipelineDiag from './assets/scaleway-edge-services-pipeline-diag.webp'
+
 Creating an Edge Services pipeline for your Load Balancer helps to reduce load on your Load Balancer's backend servers. The origin configuration you define is used by Edge Services to connect to your Load Balancer and request content, which is then stored in the cache. Then, when your Load Balancer origin is accessed via its customizable Edge Services endpoint, the requested content is served from the cache (if present), without the need to fetch this content via the Load Balancer and its backend servers.
 
-<Lightbox src="scaleway-edge-services-pipeline-diag.webp" alt="A diagram shows the elements and workflow of an Edge Services pipeline. The user connects to the customizable Edge Services endpoint (with its SSL/TLS certificate), which fetches content from the Edge Services cache, which itself fetches content to cache from an origin which is either an Object Storage bucket or Load Balancer" />
+<Lightbox image={EdgeServicesPipelineDiag} alt="A diagram shows the elements and workflow of an Edge Services pipeline. The user connects to the customizable Edge Services endpoint (with its SSL/TLS certificate), which fetches content from the Edge Services cache, which itself fetches content to cache from an origin which is either an Object Storage bucket or Load Balancer" />
 
 Edge Services lets you:
 

tutorials/configure-slack-alerting/index.mdx

@@ -5,10 +5,10 @@ categories:
   - cockpit
 tags: cockpit alerts monitoring notifications slack
 dates:
-  validation: 2025-02-18
+  validation: 2025-07-18
   posted: 2025-02-18
 ---
-import image from './assets/scaleway-slack-alerts-firing.webp'
+import SlackNotification from './assets/scaleway-slack-alerts-firing.webp'
 
 import Requirements from '@macros/iam/requirements.mdx'
 
@@ -52,34 +52,32 @@ As **we do not support Grafana managed alerts**, this documentation only shows y
 
 ## Creating your Slack integration in Grafana using the Scaleway Alerting alert manager
 
-1. [Access](/cockpit/how-to/access-grafana-and-managed-dashboards/) your Grafana dashboard.
-2. Click the **Toggle menu** icon next to **Home** in the top left corner of your screen.
-3. Click **Alerting**, then click **Contact points**.
+1. [Log in to Grafana](/cockpit/how-to/access-grafana-and-managed-dashboards/) using your credentials.
+2. Click the Grafana icon in the top left side of your screen to open the menu.
+3. Click the arrow next to **Alerting** on the left-side menu, then click **Contact points**.
 4. Choose the **Scaleway Alerting** alert manager in the drop-down next to the **Choose Alertmanager** field.
-5. Click **+ Add contact point**.
+5. Click **+ Create contact point**.
 6. Enter a contact point name. For example, `Slack alerts`.
 7. Select **Slack** from the **Integration** drop-down.
 8. In the **Channel** field, paste the name of the Slack channel or user to send notifications to.
 9. Click **Optional Slack settings** and paste your Slack app Webhook URL in the **Webhook URL** field.
 10. Click **Save contact point**.
 
     <Message type="important">
-     If you have already created contact points, you need to [configure a nested notification policy](#configuring-a-notification-policy) to define which contact point should receive which alert.
+     If you have already created contact points, you need to [configure a child notification policy](#configuring-a-notification-policy) to define which contact point should receive which alert.
     </Message>
 
 ## Configuring a notification policy
 
 If you have created multiple contact points in Grafana, the default contact point will receive alerts by default. To make sure your alerts are sent to the desired contact point, you need to define notification policies.
 
-1. [Access](/cockpit/how-to/access-grafana-and-managed-dashboards/) your Grafana dashboard.
-2. Click the **Toggle menu** icon next to **Home** in the top left corner of your screen.
-3. Click **Alerting**, then click **Notification policies**.
-4. Click **+ New nested policy**.
+1. Click **Alerting**, then click **Notification policies**.
+4. Click **+ New child policy**.
 5. In the **Label** field, enter the label `alertname`.
 6. In the **Operator** field, select **Equals**.
 7. In the **Value** field, enter the name of an existing alert you want your contact point to be notified for. For example, `alert-for-high-cpu-usage`.
 8. Optionally, click **+Add matcher** to add more labels.
-9. In the **Contact point** field, select the contact point you have configured for Slack.
+9. In the **Contact point** drop-down, select the contact point you have configured for Slack.
 10. Click **Save policy**. Your nested policy displays. You should now get notified on Slack.
 
-    <Lightbox image={image} alt="Grafana alert for high CPU usage notification on Slack" />
+    <Lightbox image={SlackNotification} alt="Grafana alert for high CPU usage notification on Slack" />

tutorials/silence-grafana-alerts/index.mdx

@@ -5,7 +5,7 @@ tags: cockpit alerts mute silence monitoring notifications
 categories:
   - cockpit
 dates:
-  validation: 2025-06-16
+  validation: 2025-07-18
   posted: 2025-06-16
 ---
 import image from './assets/scaleway-silenced-alert.webp'
@@ -27,8 +27,8 @@ This page shows you how to temporarily mute (silence) alerts without disabling t
 
 
 1. [Access](/cockpit/how-to/access-grafana-and-managed-dashboards/) your Grafana dashboard.
-2. Click the **Toggle menu** icon next to **Home** in the top left corner of your screen.
-3. Click **Alerting**, then **Silences**. Make sure that **Scaleway Alerting** is selected in the **Choose Alertmanager** drop-down.
+2. Click the **Grafana** icon in the top left corner of your screen to open the menu.
+3. Click the arrow next to **Alerting** then **Silences**. Make sure that **Scaleway Alerting** is selected in the **Choose Alertmanager** drop-down.
 4. Click **Create silence**.
 5. Click the drop-down in the **Silence start and end** section.
 6. Click the **Calendar** icon and select a time range during which you want to silence alerts.