From 89b10dcb833e1f1dddec65e4bb44939e4ba82dcb Mon Sep 17 00:00:00 2001
From: Florian Margaine <florian@platform.sh>
Date: Thu, 13 Nov 2025 15:39:16 +0100
Subject: [PATCH 1/3] Add insights enablement check and hide InsightsCard when
 disabled
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add checkInsightsEnabled() API method to check if insights are enabled for a service
- Check insights status on component mount before fetching data
- Hide entire InsightsCard component when insights are not enabled
- Update refresh and time range handlers to respect insights status
- Uses Fastly API endpoint: /enabled-products/v1/log_explorer_insights/services/{service_id}

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/components/project/InsightsCard.vue   | 35 +++++++++++++++++++----
 src/components/project/project.service.ts | 11 +++++++
 2 files changed, 40 insertions(+), 6 deletions(-)

diff --git a/src/components/project/InsightsCard.vue b/src/components/project/InsightsCard.vue
index d915aaa..c5daba1 100644
--- a/src/components/project/InsightsCard.vue
+++ b/src/components/project/InsightsCard.vue
@@ -65,6 +65,9 @@ const lock = ref<boolean>(false);
 /** Store the insights data */
 const insightsData = ref<Record<string, InsightResponse> | null>(null);
 
+/** Track whether insights are enabled for this service */
+const isInsightsEnabled = ref<boolean | null>(null);
+
 /** Chart configurations for each insight metric */
 const charts = ref<Map<string, ChartConfig>>(new Map());
 
@@ -98,12 +101,28 @@ const visualizations = [
 ];
 
 /**
- * Component lifecycle hook - fetches initial data when component is mounted
+ * Component lifecycle hook - checks insights enablement and fetches initial data when component is mounted
  */
-onMounted(() => {
-  fetchInsights();
+onMounted(async () => {
+  await checkInsightsEnabledStatus();
+  if (isInsightsEnabled.value) {
+    fetchInsights();
+  }
 });
 
+/**
+ * Checks if insights are enabled for this service
+ */
+async function checkInsightsEnabledStatus() {
+  try {
+    const projectService = new ProjectAPIService(credentialsStore.getServiceId(), credentialsStore.getServiceToken());
+    isInsightsEnabled.value = await projectService.checkInsightsEnabled();
+  } catch (error) {
+    console.error('Error checking insights enabled status:', error);
+    isInsightsEnabled.value = false;
+  }
+}
+
 /**
  * Calculates start and end times based on selected time range
  */
@@ -866,19 +885,23 @@ function getColorForIndex(index: number, alpha: number = 1): string {
  * Manual refresh handler
  */
 function handleRefresh() {
-  fetchInsights();
+  if (isInsightsEnabled.value) {
+    fetchInsights();
+  }
 }
 
 /**
  * Handle time range change
  */
 function handleTimeRangeChange() {
-  fetchInsights();
+  if (isInsightsEnabled.value) {
+    fetchInsights();
+  }
 }
 </script>
 
 <template>
-  <Card>
+  <Card v-if="isInsightsEnabled">
     <template #title>
       <div class="flex items-center justify-between w-full">
         <span>Insights</span>
diff --git a/src/components/project/project.service.ts b/src/components/project/project.service.ts
index a25325a..87f0000 100644
--- a/src/components/project/project.service.ts
+++ b/src/components/project/project.service.ts
@@ -165,4 +165,15 @@ export default class ProjectAPIService extends APIService {
       throw error;
     }
   }
+
+  async checkInsightsEnabled(): Promise<boolean> {
+    try {
+      const response = await this.wsClient.get(`enabled-products/v1/log_explorer_insights/services/${this.service_id}`);
+      return response.status === 200 && response.data?.product?.id === 'log_explorer_insights';
+    } catch (error) {
+      // If we get a 404 or any error, insights are not enabled
+      console.log('Insights not enabled for this service:', error);
+      return false;
+    }
+  }
 }

From 60bbf24d3233a17e896c82544c27330d37cc5379 Mon Sep 17 00:00:00 2001
From: Florian Margaine <ralt@users.noreply.github.com>
Date: Mon, 17 Nov 2025 14:10:13 +0100
Subject: [PATCH 2/3] Update src/components/project/InsightsCard.vue

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
---
 src/components/project/InsightsCard.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/project/InsightsCard.vue b/src/components/project/InsightsCard.vue
index c5daba1..93230b9 100644
--- a/src/components/project/InsightsCard.vue
+++ b/src/components/project/InsightsCard.vue
@@ -901,7 +901,7 @@ function handleTimeRangeChange() {
 </script>
 
 <template>
-  <Card v-if="isInsightsEnabled">
+  <Card v-if="isInsightsEnabled === true">
     <template #title>
       <div class="flex items-center justify-between w-full">
         <span>Insights</span>

From 636eb6bfabf361a3f5aee32af8c4759d613ded30 Mon Sep 17 00:00:00 2001
From: Florian Margaine <ralt@users.noreply.github.com>
Date: Mon, 17 Nov 2025 14:10:22 +0100
Subject: [PATCH 3/3] Update src/components/project/project.service.ts

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
---
 src/components/project/project.service.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/project/project.service.ts b/src/components/project/project.service.ts
index 87f0000..686d12b 100644
--- a/src/components/project/project.service.ts
+++ b/src/components/project/project.service.ts
@@ -172,7 +172,7 @@ export default class ProjectAPIService extends APIService {
       return response.status === 200 && response.data?.product?.id === 'log_explorer_insights';
     } catch (error) {
       // If we get a 404 or any error, insights are not enabled
-      console.log('Insights not enabled for this service:', error);
+      console.error('Insights not enabled for this service:', error);
       return false;
     }
   }