Merge pull request #2549 from trycompai/fix/integrations-ui-cleanup

fix(integrations): tooltip on +N more badge + hide AI Agent integrations

Author: tofikwest

apps/app/src/app/(app)/[orgId]/integrations/components/PlatformIntegrations.tsx

@@ -22,6 +22,7 @@ import {
   DialogTitle,
 } from '@trycompai/ui/dialog';
 import { Skeleton } from '@trycompai/ui/skeleton';
+import { Tooltip, TooltipContent, TooltipTrigger } from '@trycompai/ui/tooltip';
 import {
   AlertCircle,
   AlertTriangle,
@@ -278,12 +279,8 @@ export function PlatformIntegrations({ className, taskTemplates }: PlatformInteg
         return a.provider.name.localeCompare(b.provider.name);
       });
 
-    const customIntegrations: UnifiedIntegration[] = INTEGRATIONS.map((integration) => ({
-      type: 'custom' as const,
-      integration,
-    }));
-
-    const allIntegrations = [...platformIntegrations, ...customIntegrations];
+    // AI Agent integrations are hidden — they are not real integrations
+    const allIntegrations = [...platformIntegrations];
     if (vendorNames.size === 0) {
       return allIntegrations;
     }
@@ -679,12 +676,24 @@ export function PlatformIntegrations({ className, taskTemplates }: PlatformInteg
                               );
                             })}
                             {provider.mappedTasks.length > 3 && (
-                              <Badge
-                                variant="outline"
-                                className="text-[10px] px-1.5 py-0.5 font-normal"
-                              >
-                                +{provider.mappedTasks.length - 3} more
-                              </Badge>
+                              <Tooltip>
+                                <TooltipTrigger asChild>
+                                  <Badge
+                                    variant="outline"
+                                    className="text-[10px] px-1.5 py-0.5 font-normal cursor-default"
+                                  >
+                                    +{provider.mappedTasks.length - 3} more
+                                  </Badge>
+                                </TooltipTrigger>
+                                <TooltipContent side="bottom" className="max-w-xs">
+                                  <p className="text-xs">
+                                    {provider.mappedTasks
+                                      .slice(3)
+                                      .map((t) => t.name)
+                                      .join(', ')}
+                                  </p>
+                                </TooltipContent>
+                              </Tooltip>
                             )}
                           </div>
                         )}