style: Clean up AI approval screen

apps/code/src/main/services/github-integration/service.ts

@@ -61,7 +61,7 @@ export class GitHubIntegrationService extends TypedEventEmitter<GitHubIntegratio
   ): Promise<StartGitHubFlowOutput> {
     try {
       const cloudUrl = getCloudUrlFromRegion(region);
-      const nextPath = `/account-connected/github-login?provider=github&project_id=${projectId}&connect_from=posthog_code`;
+      const nextPath = `/account-connected/github-integration?provider=github&project_id=${projectId}&connect_from=posthog_code`;
       const authorizeUrl = `${cloudUrl}/api/environments/${projectId}/integrations/authorize/?kind=github&next=${encodeURIComponent(nextPath)}`;
 
       this.clearFlowTimeout();

apps/code/src/renderer/features/ai-approval/components/AiApprovalScreen.tsx

@@ -80,7 +80,7 @@ export function AiApprovalScreen({ orgName, isAdmin }: AiApprovalScreenProps) {
               animate={{ opacity: 1, y: 0 }}
               transition={{ duration: 0.3 }}
             >
-              <Flex direction="column" gap="5">
+              <Flex direction="column" gap="4">
                 <Flex direction="column" gap="2">
                   <Flex align="center" gap="2">
                     <Robot
@@ -93,11 +93,21 @@ export function AiApprovalScreen({ orgName, isAdmin }: AiApprovalScreenProps) {
                     </Text>
                   </Flex>
                   <Text className="text-(--gray-11) text-sm">
-                    {orgName
-                      ? `The "${orgName}" organization hasn't approved AI data processing yet.`
-                      : "Your organization hasn't approved AI data processing yet."}{" "}
-                    PostHog AI may process identifying user data with external
-                    AI providers. Your data won't be used for training models.
+                    {orgName ? (
+                      <>
+                        Your "<strong>{orgName}</strong>" organization hasn't
+                        approved AI data processing yet.
+                      </>
+                    ) : (
+                      "Your organization hasn't approved AI data processing yet."
+                    )}
+                  </Text>
+                  <Text className="text-(--gray-11) text-sm">
+                    PostHog AI features process identifying user data with
+                    external AI providers.
+                    <br />
+                    Importantly: Your data won't be used for training models by
+                    these providers.
                   </Text>
                 </Flex>
 
@@ -106,10 +116,16 @@ export function AiApprovalScreen({ orgName, isAdmin }: AiApprovalScreenProps) {
                     <WarningCircle />
                   </Callout.Icon>
                   <Callout.Text>
-                    This feature is not HIPAA-compliant and is not intended for
-                    the processing of Protected Health Information ("PHI"). Any
-                    Business Associate Agreement ("BAA") you may have entered
-                    into with PostHog does not apply to this functionality.
+                    <h4 className="mb-1 font-bold">
+                      Legal bits about Protected Health Information
+                    </h4>
+                    PostHog Code isn't <i>yet</i> HIPAA-compliant and is not
+                    intended for processing of Protected Health Information
+                    ("PHI").
+                    <br />
+                    If you've entered into a Business Associate Agreement
+                    ("BAA") with PostHog, it does not currently apply to PostHog
+                    Code features.
                   </Callout.Text>
                 </Callout.Root>