Add configuration interface for enterprise task webhook

Implement a new UI component and backend routes for configuring and testing enterprise task webhooks, including database schema and migration scripts.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: cfbfe47c-0c9a-4ebf-8a41-2937407eccff
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/cfbfe47c-0c9a-4ebf-8a41-2937407eccff/vzUkIk6

client/src/pages/Utilities.tsx

@@ -6,7 +6,8 @@ import {
   Database,
   Server,
   Bug,
-  Cloud
+  Cloud,
+  Send
 } from "lucide-react";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
@@ -17,6 +18,7 @@ import BackupManager from "./BackupManager";
 import NocoDBConfig from "./NocoDBConfig";
 import DatabaseDebug from "./DatabaseDebug";
 import WeatherSettings from "./WeatherSettings";
+import WebhookBAPConfig from "./WebhookBAPConfig";
 
 export default function Utilities() {
   const { user } = useAuthUnified();
@@ -35,9 +37,10 @@ export default function Utilities() {
   const canManageNocoDB = user?.role === 'admin';
   const canDebugDatabase = user?.role === 'admin';
   const canManageWeather = user?.role === 'admin';
+  const canManageWebhookBAP = user?.role === 'admin';
 
   // Si l'utilisateur n'a aucune permission, afficher le message d'accès refusé
-  if (!canManageBackups && !canManageNocoDB && !canDebugDatabase && !canManageWeather) {
+  if (!canManageBackups && !canManageNocoDB && !canDebugDatabase && !canManageWeather && !canManageWebhookBAP) {
     return (
       <div className="flex-1 flex items-center justify-center">
         <Card className="w-96">
@@ -73,7 +76,7 @@ export default function Utilities() {
       {/* Content avec onglets */}
       <div className="flex-1 p-6 overflow-hidden">
         <Tabs value={activeTab} onValueChange={setActiveTab} className="h-full flex flex-col">
-          <TabsList className="grid w-full grid-cols-4 mb-6">
+          <TabsList className="grid w-full grid-cols-5 mb-6">
             {canManageBackups && (
               <TabsTrigger value="backups" className="flex items-center gap-2">
                 <Database className="w-4 h-4" />
@@ -98,6 +101,12 @@ export default function Utilities() {
                 Météo
               </TabsTrigger>
             )}
+            {canManageWebhookBAP && (
+              <TabsTrigger value="webhookbap" className="flex items-center gap-2">
+                <Send className="w-4 h-4" />
+                Configuration BAP
+              </TabsTrigger>
+            )}
           </TabsList>
 
           {/* Contenu des onglets */}
@@ -132,6 +141,14 @@ export default function Utilities() {
               </div>
             </TabsContent>
           )}
+
+          {canManageWebhookBAP && (
+            <TabsContent value="webhookbap" className="flex-1 overflow-hidden">
+              <div className="h-full bg-gray-50 -m-6 p-6">
+                <WebhookBAPConfig />
+              </div>
+            </TabsContent>
+          )}
         </Tabs>
       </div>
     </div>