feat: gate Teams Integrations tab behind enableTeamsBridge feature flag

Off by default. Cloud-ui pipes the LaunchDarkly value through
useConsoleFeatureFlags; without it the tab and its content are
not rendered.

Author: birdayz

frontend/src/components/constants.ts

@@ -16,6 +16,7 @@ export const FEATURE_FLAGS = {
   enableNewPipelineLogs: false,
   enablePipelineDiagrams: false,
   enableConnectSlashMenu: false,
+  enableTeamsBridge: false,
 };
 
 // Cloud-managed tag keys for service account integration

frontend/src/components/pages/agents/details/ai-agent-details-page.tsx

@@ -19,6 +19,7 @@ import { useEffect } from 'react';
 import { useGetAIAgentQuery } from 'react-query/api/ai-agent';
 import { uiState } from 'state/ui-state';
 
+import { isFeatureFlagEnabled } from 'config';
 import { AIAgentCardTab } from './ai-agent-card-tab';
 import { AIAgentConfigurationTab } from './ai-agent-configuration-tab';
 import { AIAgentDetailsHeader } from './ai-agent-details-header';
@@ -92,12 +93,14 @@ export const AIAgentDetailsPage = () => {
               Configuration
             </div>
           </TabsTrigger>
-          <TabsTrigger className="gap-2" value="integrations">
-            <div className="flex items-center gap-2">
-              <Plug className="h-4 w-4" />
-              Integrations
-            </div>
-          </TabsTrigger>
+          {isFeatureFlagEnabled('enableTeamsBridge') && (
+            <TabsTrigger className="gap-2" value="integrations">
+              <div className="flex items-center gap-2">
+                <Plug className="h-4 w-4" />
+                Integrations
+              </div>
+            </TabsTrigger>
+          )}
           <TabsTrigger className="gap-2" value="agent-card">
             <div className="flex items-center gap-2">
               <Network className="h-4 w-4" />
@@ -119,9 +122,11 @@ export const AIAgentDetailsPage = () => {
         <TabsContent value="configuration">
           <AIAgentConfigurationTab />
         </TabsContent>
-        <TabsContent value="integrations">
-          <AIAgentIntegrationsTab />
-        </TabsContent>
+        {isFeatureFlagEnabled('enableTeamsBridge') && (
+          <TabsContent value="integrations">
+            <AIAgentIntegrationsTab />
+          </TabsContent>
+        )}
         <TabsContent value="agent-card">
           <AIAgentCardTab />
         </TabsContent>