From 6138d6da5204486d0f6f1a4c916ced2a531b2948 Mon Sep 17 00:00:00 2001
From: Vladimir Filonov <vladimir@filonov.dev>
Date: Mon, 16 Dec 2024 21:12:13 +0400
Subject: [PATCH 1/2] Add FRIGADE_DISABLED env to control Frigade intagration

---
 docker/Dockerfile.dev.api                        |  1 +
 docs/deployment/configuration.mdx                | 12 ++++++++++++
 keep-ui/app/(keep)/settings/webhook-settings.tsx |  4 +++-
 keep-ui/app/frigade-provider.tsx                 |  8 ++++++++
 keep-ui/components/navbar/UserInfo.tsx           |  4 +++-
 keep-ui/shared/lib/server/getConfig.ts           |  1 +
 keep-ui/types/internal-config.ts                 |  2 ++
 tests/e2e_tests/docker-compose-e2e-mysql.yml     |  2 ++
 tests/e2e_tests/docker-compose-e2e-postgres.yml  |  2 ++
 tests/e2e_tests/docker-compose-e2e-redis.yml     |  2 ++
 10 files changed, 36 insertions(+), 2 deletions(-)

diff --git a/docker/Dockerfile.dev.api b/docker/Dockerfile.dev.api
index d4f4e3a7b..def660dfa 100644
--- a/docker/Dockerfile.dev.api
+++ b/docker/Dockerfile.dev.api
@@ -22,6 +22,7 @@ ENV PYTHONPATH="/app:${PYTHONPATH}"
 ENV PATH="/venv/bin:${PATH}"
 ENV VIRTUAL_ENV="/venv"
 ENV POSTHOG_DISABLED="true"
+ENV FRIGADE_DISABLED="true"
 
 ENTRYPOINT ["/app/keep/entrypoint.sh"]
 
diff --git a/docs/deployment/configuration.mdx b/docs/deployment/configuration.mdx
index ddf404912..61a7a501d 100644
--- a/docs/deployment/configuration.mdx
+++ b/docs/deployment/configuration.mdx
@@ -157,6 +157,18 @@ Sentry configuration controls Keep's integration with Sentry for error monitorin
 |:-------------------:|:-------:|:----------:|:-------------:|:-------------:|
 | **SENTRY_DISABLED** | Disables Sentry integration | No | "false" | "true" or "false" |
 
+
+### Frigade
+
+<Info>
+Frigade configuration controls Keep's integration with the Frigade onboarding platform.
+</Info>
+
+| Env var | Purpose | Required | Default Value | Valid options |
+|:-------------------:|:-------:|:----------:|:-------------:|:-------------:|
+| **FRIGADE_DISABLED** | Disables Frigade integration | No | "false" | "true" or "false" |
+
+
 ### Ngrok
 <Info>
 Ngrok configuration enables secure tunneling to your Keep instance. These settings are particularly useful for development or when you need to expose your local Keep instance to the internet securely.
diff --git a/keep-ui/app/(keep)/settings/webhook-settings.tsx b/keep-ui/app/(keep)/settings/webhook-settings.tsx
index 6e28c76b7..12add8029 100644
--- a/keep-ui/app/(keep)/settings/webhook-settings.tsx
+++ b/keep-ui/app/(keep)/settings/webhook-settings.tsx
@@ -23,6 +23,7 @@ import { v4 as uuidv4 } from "uuid";
 import { ExclamationCircleIcon } from "@heroicons/react/24/outline";
 import * as Frigade from "@frigade/react";
 import { useApi } from "@/shared/lib/hooks/useApi";
+import {useConfig} from "@/utils/hooks/useConfig";
 
 interface Webhook {
   webhookApi: string;
@@ -38,6 +39,7 @@ export default function WebhookSettings({ selectedTab }: Props) {
   const [codeTabIndex, setCodeTabIndex] = useState<number>(0);
 
   const api = useApi();
+  const { data: config } = useConfig();
 
   const { data, error, isLoading } = useSWR<Webhook>(
     api.isReady() && selectedTab === "webhook" ? `/settings/webhook` : null,
@@ -188,7 +190,7 @@ req.end();
               >
                 Click to create an example Alert
               </Button>
-              <Frigade.Tour flowId="flow_4iLdns11" />
+              {config?.FRIGADE_DISABLED ? null : <Frigade.Tour flowId="flow_4iLdns11" />}
             </div>
           </div>
           <TabGroup
diff --git a/keep-ui/app/frigade-provider.tsx b/keep-ui/app/frigade-provider.tsx
index 2ae5b4619..d4980844a 100644
--- a/keep-ui/app/frigade-provider.tsx
+++ b/keep-ui/app/frigade-provider.tsx
@@ -2,12 +2,20 @@
 
 import * as Frigade from "@frigade/react";
 import { useHydratedSession as useSession } from "@/shared/lib/hooks/useHydratedSession";
+import {useConfig} from "@/utils/hooks/useConfig";
 export const FrigadeProvider = ({
   children,
 }: {
   children: React.ReactNode;
 }) => {
   const { data: session } = useSession();
+  const { data: config } = useConfig();
+
+  if (!config || config.FRIGADE_DISABLED === "true") {
+    return <>
+      {children}
+    </>;
+  }
   return (
     <Frigade.Provider
       apiKey="api_public_6BKR7bUv0YZ5dqnjLGeHpRWCHaDWeb5cVobG3A9YkW0gOgafOEBvtJGZgvhp8PGb"
diff --git a/keep-ui/components/navbar/UserInfo.tsx b/keep-ui/components/navbar/UserInfo.tsx
index bc8ad7c9d..d4b2d16f8 100644
--- a/keep-ui/components/navbar/UserInfo.tsx
+++ b/keep-ui/components/navbar/UserInfo.tsx
@@ -86,13 +86,15 @@ type UserInfoProps = {
 };
 
 export const UserInfo = ({ session }: UserInfoProps) => {
+  const { data: config } = useConfig();
+
   const { flow } = Frigade.useFlow(ONBOARDING_FLOW_ID);
   const [isOnboardingOpen, setIsOnboardingOpen] = useState(false);
 
   return (
     <>
       <ul className="space-y-2 p-2">
-        {flow?.isCompleted === false && (
+        {!config?.FRIGADE_DISABLED && flow?.isCompleted === false && (
           <li>
             <Frigade.ProgressBadge
               flowId={ONBOARDING_FLOW_ID}
diff --git a/keep-ui/shared/lib/server/getConfig.ts b/keep-ui/shared/lib/server/getConfig.ts
index 01096d83c..038810f78 100644
--- a/keep-ui/shared/lib/server/getConfig.ts
+++ b/keep-ui/shared/lib/server/getConfig.ts
@@ -54,6 +54,7 @@ export function getConfig(): InternalConfig {
     POSTHOG_DISABLED: process.env.POSTHOG_DISABLED,
     POSTHOG_HOST: process.env.POSTHOG_HOST,
     SENTRY_DISABLED: process.env.SENTRY_DISABLED,
+    FRIGADE_DISABLED: process.env.FRIGADE_DISABLED,
     READ_ONLY: process.env.KEEP_READ_ONLY === "true",
     OPEN_AI_API_KEY_SET: !!process.env.OPEN_AI_API_KEY || !!process.env.OPENAI_API_KEY,
     // NOISY ALERTS DISABLED BY DEFAULT TO SPARE SPACE ON THE TABLE
diff --git a/keep-ui/types/internal-config.ts b/keep-ui/types/internal-config.ts
index 78b753ef8..5b19153e4 100644
--- a/keep-ui/types/internal-config.ts
+++ b/keep-ui/types/internal-config.ts
@@ -23,4 +23,6 @@ export interface InternalConfig {
 
   // NOISY ALERTS ENABLED
   NOISY_ALERTS_ENABLED: boolean;
+
+  FRIGADE_DISABLED: string | undefined;
 }
diff --git a/tests/e2e_tests/docker-compose-e2e-mysql.yml b/tests/e2e_tests/docker-compose-e2e-mysql.yml
index 4b736be9a..52d7fc101 100644
--- a/tests/e2e_tests/docker-compose-e2e-mysql.yml
+++ b/tests/e2e_tests/docker-compose-e2e-mysql.yml
@@ -25,6 +25,7 @@ services:
       - AUTH_TYPE=NO_AUTH
       - API_URL=http://keep-backend:8080
       - POSTHOG_DISABLED=true
+      - FRIGADE_DISABLED=true
       - SENTRY_DISABLED=true
 
   keep-backend:
@@ -38,6 +39,7 @@ services:
       - AUTH_TYPE=NO_AUTH
       - DATABASE_CONNECTION_STRING=mysql+pymysql://root:keep@keep-database:3306/keep
       - POSTHOG_DISABLED=true
+      - FRIGADE_DISABLED=true
       - SECRET_MANAGER_DIRECTORY=/app
       - SQLALCHEMY_WARN_20=1
     depends_on:
diff --git a/tests/e2e_tests/docker-compose-e2e-postgres.yml b/tests/e2e_tests/docker-compose-e2e-postgres.yml
index 727d2e06b..cd07a9e02 100644
--- a/tests/e2e_tests/docker-compose-e2e-postgres.yml
+++ b/tests/e2e_tests/docker-compose-e2e-postgres.yml
@@ -23,6 +23,7 @@ services:
       - AUTH_TYPE=NO_AUTH
       - API_URL=http://keep-backend:8080
       - POSTHOG_DISABLED=true
+      - FRIGADE_DISABLED=true
       - SENTRY_DISABLED=true
 
   keep-backend:
@@ -36,6 +37,7 @@ services:
       - AUTH_TYPE=NO_AUTH
       - DATABASE_CONNECTION_STRING=postgresql+psycopg2://keepuser:keeppassword@keep-database:5432/keepdb
       - POSTHOG_DISABLED=true
+      - FRIGADE_DISABLED=true
       - SECRET_MANAGER_DIRECTORY=/app
       - SQLALCHEMY_WARN_20=1
     depends_on:
diff --git a/tests/e2e_tests/docker-compose-e2e-redis.yml b/tests/e2e_tests/docker-compose-e2e-redis.yml
index 41e2492e6..d57778c96 100644
--- a/tests/e2e_tests/docker-compose-e2e-redis.yml
+++ b/tests/e2e_tests/docker-compose-e2e-redis.yml
@@ -11,6 +11,7 @@ services:
       - AUTH_TYPE=NO_AUTH
       - API_URL=http://keep-backend:8080
       - POSTHOG_DISABLED=true
+      - FRIGADE_DISABLED=true
       - SENTRY_DISABLED=true
     depends_on:
       - keep-backend
@@ -24,6 +25,7 @@ services:
       - AUTH_TYPE=NO_AUTH
       - DATABASE_CONNECTION_STRING=sqlite:///./newdb.db?check_same_thread=False
       - POSTHOG_DISABLED=true
+      - FRIGADE_DISABLED=true
       - SECRET_MANAGER_DIRECTORY=/appֿ
       - REDIS=true
       - REDIS_HOST=keep-arq-redis

From 95a832a7c4fc4af90c0ed3c84e89374f7f4e2071 Mon Sep 17 00:00:00 2001
From: Vladimir Filonov <vladimir@filonov.dev>
Date: Mon, 23 Dec 2024 19:11:50 +0400
Subject: [PATCH 2/2] Prettier

---
 keep-ui/app/(keep)/settings/webhook-settings.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/keep-ui/app/(keep)/settings/webhook-settings.tsx b/keep-ui/app/(keep)/settings/webhook-settings.tsx
index 12add8029..379721ac4 100644
--- a/keep-ui/app/(keep)/settings/webhook-settings.tsx
+++ b/keep-ui/app/(keep)/settings/webhook-settings.tsx
@@ -23,7 +23,7 @@ import { v4 as uuidv4 } from "uuid";
 import { ExclamationCircleIcon } from "@heroicons/react/24/outline";
 import * as Frigade from "@frigade/react";
 import { useApi } from "@/shared/lib/hooks/useApi";
-import {useConfig} from "@/utils/hooks/useConfig";
+import { useConfig } from "@/utils/hooks/useConfig";
 
 interface Webhook {
   webhookApi: string;
@@ -190,7 +190,9 @@ req.end();
               >
                 Click to create an example Alert
               </Button>
-              {config?.FRIGADE_DISABLED ? null : <Frigade.Tour flowId="flow_4iLdns11" />}
+              {config?.FRIGADE_DISABLED ? null : (
+                <Frigade.Tour flowId="flow_4iLdns11" />
+              )}
             </div>
           </div>
           <TabGroup