@@ -14,6 +14,7 @@ import { getRouteApi, useNavigate } from '@tanstack/react-router';
1414const routeApi = getRouteApi ( '/agents/$id/' ) ;
1515
1616import { Tabs , TabsContent , TabsList , TabsTrigger } from 'components/redpanda-ui/components/tabs' ;
17+ import { isFeatureFlagEnabled } from 'config' ;
1718import { AlertCircle , FileText , Loader2 , Network , Plug , Search , Settings } from 'lucide-react' ;
1819import { useEffect } from 'react' ;
1920import { useGetAIAgentQuery } from 'react-query/api/ai-agent' ;
@@ -92,12 +93,14 @@ export const AIAgentDetailsPage = () => {
9293 Configuration
9394 </ div >
9495 </ TabsTrigger >
95- < TabsTrigger className = "gap-2" value = "integrations" >
96- < div className = "flex items-center gap-2" >
97- < Plug className = "h-4 w-4" />
98- Integrations
99- </ div >
100- </ TabsTrigger >
96+ { isFeatureFlagEnabled ( 'enableTeamsBridge' ) && (
97+ < TabsTrigger className = "gap-2" value = "integrations" >
98+ < div className = "flex items-center gap-2" >
99+ < Plug className = "h-4 w-4" />
100+ Integrations
101+ </ div >
102+ </ TabsTrigger >
103+ ) }
101104 < TabsTrigger className = "gap-2" value = "agent-card" >
102105 < div className = "flex items-center gap-2" >
103106 < Network className = "h-4 w-4" />
@@ -119,9 +122,11 @@ export const AIAgentDetailsPage = () => {
119122 < TabsContent value = "configuration" >
120123 < AIAgentConfigurationTab />
121124 </ TabsContent >
122- < TabsContent value = "integrations" >
123- < AIAgentIntegrationsTab />
124- </ TabsContent >
125+ { isFeatureFlagEnabled ( 'enableTeamsBridge' ) && (
126+ < TabsContent value = "integrations" >
127+ < AIAgentIntegrationsTab />
128+ </ TabsContent >
129+ ) }
125130 < TabsContent value = "agent-card" >
126131 < AIAgentCardTab />
127132 </ TabsContent >
0 commit comments