From 836fbfbe2668bd58128e33e17ed56c7bc50815a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Sibiril?=
 <81782+aureliensibiril@users.noreply.github.com>
Date: Fri, 29 May 2026 12:24:21 +0200
Subject: [PATCH] Add PostHog source UI with region select
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Show a US/EU region dropdown for the PostHog Cloud API-key form and
an instance-URL field for Self-Hosted, map both to the connector inputs,
and register the PostHog logo for the self-hosted provider.

Signed-off-by: Aurélien Sibiril <81782+aureliensibiril@users.noreply.github.com>
---
 .../dialogs/AddAccessSourceDialog.tsx         | 52 ++++++++++++++-----
 .../src/Atoms/ThirdParties/ThirdPartyLogo.tsx |  1 +
 2 files changed, 40 insertions(+), 13 deletions(-)

diff --git a/apps/console/src/pages/organizations/access-reviews/dialogs/AddAccessSourceDialog.tsx b/apps/console/src/pages/organizations/access-reviews/dialogs/AddAccessSourceDialog.tsx
index 836e8921c..0995940d4 100644
--- a/apps/console/src/pages/organizations/access-reviews/dialogs/AddAccessSourceDialog.tsx
+++ b/apps/console/src/pages/organizations/access-reviews/dialogs/AddAccessSourceDialog.tsx
@@ -122,6 +122,12 @@ function mapAPIKeyExtraSettingToField(
     case "METABASE":
       if (settingKey === "instanceUrl") return "metabaseInstanceUrl";
       break;
+    case "POSTHOG":
+      if (settingKey === "region") return "posthogRegion";
+      break;
+    case "POSTHOG_SELF_HOSTED":
+      if (settingKey === "instanceUrl") return "posthogInstanceUrl";
+      break;
   }
   return null;
 }
@@ -580,19 +586,39 @@ export function AddAccessSourceDialog({
               required
               autoFocus
             />
-            {activeProvider?.extraSettings.map(setting => (
-              <Field
-                key={setting.key}
-                label={__(setting.label)}
-                value={extraSettingValues[setting.key] ?? ""}
-                onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
-                  setExtraSettingValues(prev => ({
-                    ...prev,
-                    [setting.key]: e.target.value,
-                  }))}
-                required={setting.required}
-              />
-            ))}
+            {activeProvider?.extraSettings.map(setting =>
+              setting.key === "region"
+                ? (
+                    <div key={setting.key} className="space-y-1.5">
+                      <label className="text-sm font-medium">{__(setting.label)}</label>
+                      <Select
+                        value={extraSettingValues[setting.key] ?? ""}
+                        onValueChange={(val: string) =>
+                          setExtraSettingValues(prev => ({
+                            ...prev,
+                            [setting.key]: val,
+                          }))}
+                        placeholder={__("Select a region")}
+                      >
+                        <Option value="US">{__("United States (US)")}</Option>
+                        <Option value="EU">{__("Europe (EU)")}</Option>
+                      </Select>
+                    </div>
+                  )
+                : (
+                    <Field
+                      key={setting.key}
+                      label={__(setting.label)}
+                      value={extraSettingValues[setting.key] ?? ""}
+                      onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
+                        setExtraSettingValues(prev => ({
+                          ...prev,
+                          [setting.key]: e.target.value,
+                        }))}
+                      required={setting.required}
+                    />
+                  ),
+            )}
           </DialogContent>
           <DialogFooter>
             <Button
diff --git a/packages/ui/src/Atoms/ThirdParties/ThirdPartyLogo.tsx b/packages/ui/src/Atoms/ThirdParties/ThirdPartyLogo.tsx
index 69292f5b0..661d311fd 100644
--- a/packages/ui/src/Atoms/ThirdParties/ThirdPartyLogo.tsx
+++ b/packages/ui/src/Atoms/ThirdParties/ThirdPartyLogo.tsx
@@ -78,6 +78,7 @@ const thirdParties: Record<string, FC<ComponentProps<"svg">>> = {
   OPENAI: OpenAI,
   PAGERDUTY: PagerDuty,
   POSTHOG: PostHog,
+  POSTHOG_SELF_HOSTED: PostHog,
   RESEND: Resend,
   SENTRY: Sentry,
   SLACK: Slack,