From da79048c2c7869b33f827b4d696e5822de56c4c0 Mon Sep 17 00:00:00 2001
From: Zbigniew Sobiecki <zbigniew@sobiecki.name>
Date: Fri, 27 Feb 2026 10:08:21 +0000
Subject: [PATCH] fix(email): render EmailJokeConfig in email integration tab

The EmailJokeConfig component (sender filter for the email-joke agent)
was exported from email-wizard.tsx but never mounted anywhere in the UI.
Add it below the EmailWizard in the email integration tab so users can
configure the sender email filter from the dashboard.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 web/src/components/projects/integration-form.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/web/src/components/projects/integration-form.tsx b/web/src/components/projects/integration-form.tsx
index 9ece60c9..dcb40904 100644
--- a/web/src/components/projects/integration-form.tsx
+++ b/web/src/components/projects/integration-form.tsx
@@ -3,7 +3,7 @@ import { trpc, trpcClient } from '@/lib/trpc.js';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { CheckCircle, Loader2, XCircle } from 'lucide-react';
 import { useEffect, useState } from 'react';
-import { EmailWizard } from './email-wizard.js';
+import { EmailJokeConfig, EmailWizard } from './email-wizard.js';
 import { PMWizard } from './pm-wizard.js';
 
 type IntegrationCategory = 'pm' | 'scm' | 'email';
@@ -425,11 +425,14 @@ export function IntegrationForm({ projectId }: { projectId: string }) {
 			)}
 
 			{activeTab === 'email' && (
-				<EmailWizard
-					projectId={projectId}
-					initialProvider={emailProvider}
-					initialCredentials={emailCredMap}
-				/>
+				<div className="space-y-6">
+					<EmailWizard
+						projectId={projectId}
+						initialProvider={emailProvider}
+						initialCredentials={emailCredMap}
+					/>
+					<EmailJokeConfig projectId={projectId} />
+				</div>
 			)}
 		</div>
 	);