Add PostHog source UI with region select

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>

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,7 +586,26 @@ export function AddAccessSourceDialog({
               required
               autoFocus
             />
-            {activeProvider?.extraSettings.map(setting => (
+            {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)}
@@ -592,7 +617,8 @@ export function AddAccessSourceDialog({
                         }))}
                       required={setting.required}
                     />
-            ))}
+                  ),
+            )}
           </DialogContent>
           <DialogFooter>
             <Button

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,