From d900c09e8a0314ecfef2f9dbc0e98a986704ff73 Mon Sep 17 00:00:00 2001
From: Francesco Sansalvadore <f.sansalvadore@gmail.com>
Date: Thu, 23 Jul 2026 11:43:22 +0200
Subject: [PATCH] chore(studio): grafana-cloud slug (#48238)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Use `grafana-cloud` slug for the partner integration.

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **New Features**
  * Added Grafana Cloud to the featured integrations in the marketplace.
* Added light and dark themed artwork for the Grafana Cloud featured
integration.
* **Improvements**
* Updated the OAuth “installed” detection to include Grafana Cloud
alongside Grafana.
* Included Grafana Cloud in the set of official partners for the
partner-only filter.
* **Tests**
* Expanded marketplace integration fixtures to cover Grafana Cloud
scenarios.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 .../Integrations/Landing/Landing.utils.ts         |  2 +-
 .../Landing/MarketplaceDetail.test.tsx            | 15 +++++++++++++++
 .../Marketplace/Marketplace.constants.tsx         |  1 +
 .../Marketplace/MarketplaceFeaturedHeroGrid.tsx   |  4 ++++
 4 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/apps/studio/components/interfaces/Integrations/Landing/Landing.utils.ts b/apps/studio/components/interfaces/Integrations/Landing/Landing.utils.ts
index cd011a216db..9315eef4ba0 100644
--- a/apps/studio/components/interfaces/Integrations/Landing/Landing.utils.ts
+++ b/apps/studio/components/interfaces/Integrations/Landing/Landing.utils.ts
@@ -169,7 +169,7 @@ export const isOAuthInstalled = ({
     )
   }
 
-  if (integration.id === 'grafana') {
+  if (integration.id === 'grafana' || integration.id === 'grafana-cloud') {
     // Grafana is not yet sending integration status, so just use presence of API key.
     return (
       isOAuthAppAuthorized(projectData, integration) ||
diff --git a/apps/studio/components/interfaces/Integrations/Landing/MarketplaceDetail.test.tsx b/apps/studio/components/interfaces/Integrations/Landing/MarketplaceDetail.test.tsx
index 5ab944ae5b1..681f22bd809 100644
--- a/apps/studio/components/interfaces/Integrations/Landing/MarketplaceDetail.test.tsx
+++ b/apps/studio/components/interfaces/Integrations/Landing/MarketplaceDetail.test.tsx
@@ -48,6 +48,21 @@ const STABLE_INTEGRATIONS = [
     navigate: () => null,
     navigation: [{ route: 'overview', label: 'Overview' }],
   },
+  {
+    id: 'grafana-cloud',
+    name: 'Grafana',
+    type: 'oauth',
+    source: 'Partner',
+    description: 'Grafana',
+    content: 'Grafana overview content',
+    docsUrl: null,
+    siteUrl: null,
+    author: { name: 'Grafana Labs' },
+    oauthAppId: 'grafana-app',
+    icon: () => null,
+    navigate: () => null,
+    navigation: [{ route: 'overview', label: 'Overview' }],
+  },
 ]
 const STABLE_EMPTY_ARR = [] as unknown[]
 vi.mock('@/components/interfaces/Integrations/Landing/useAvailableIntegrations', () => ({
diff --git a/apps/studio/components/interfaces/Integrations/Marketplace/Marketplace.constants.tsx b/apps/studio/components/interfaces/Integrations/Marketplace/Marketplace.constants.tsx
index 5c8c8b097bd..2d64bb82d65 100644
--- a/apps/studio/components/interfaces/Integrations/Marketplace/Marketplace.constants.tsx
+++ b/apps/studio/components/interfaces/Integrations/Marketplace/Marketplace.constants.tsx
@@ -14,6 +14,7 @@ export type { MarketplaceSource } from '@/components/interfaces/Integrations/Lan
 // Defines featured integrations and their order in the featured hero
 export const FEATURED_INTEGRATION_IDS = [
   'grafana',
+  'grafana-cloud',
   'cron',
   'queues',
   'stripe_sync_engine',
diff --git a/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceFeaturedHeroGrid.tsx b/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceFeaturedHeroGrid.tsx
index 8a0fe9880fe..1714b1f6e52 100644
--- a/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceFeaturedHeroGrid.tsx
+++ b/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceFeaturedHeroGrid.tsx
@@ -25,6 +25,10 @@ const FEATURED_INTEGRATION_IMAGES: Record<string, { dark: string; light?: string
     dark: `${BASE_PATH}/img/integrations/covers/grafana-cover.png`,
     light: `${BASE_PATH}/img/integrations/covers/grafana-cover-light.webp`,
   },
+  'grafana-cloud': {
+    dark: `${BASE_PATH}/img/integrations/covers/grafana-cover.png`,
+    light: `${BASE_PATH}/img/integrations/covers/grafana-cover-light.webp`,
+  },
 }
 
 interface ThemedImage {