@@ -32,7 +32,7 @@ type ObservabilitySettingsPageViewProps = {
3232
3333export const ObservabilitySettingsPageView :FC <
3434ObservabilitySettingsPageViewProps
35- > = ( { options, featureAuditLogEnabled, isPremium} ) => {
35+ > = ( { options, featureAuditLogEnabled, isPremium, isAIBridgeEnabled } ) => {
3636return (
3737< Stack direction = "column" spacing = { 6 } >
3838< div >
@@ -99,26 +99,28 @@ export const ObservabilitySettingsPageView: FC<
9999/>
100100</ div >
101101
102- < div >
103- < SettingsHeader
104- actions = {
105- < SettingsHeaderDocsLink href = { docs ( "/ai-coder/ai-bridge" ) } />
106- }
107- >
108- < SettingsHeaderTitle hierarchy = "secondary" level = "h2" >
109- AI Bridge
110- </ SettingsHeaderTitle >
111- < SettingsHeaderDescription >
112- Monitor and manage AI requests across your deployment.
113- </ SettingsHeaderDescription >
114- </ SettingsHeader >
102+ { isAIBridgeEnabled && (
103+ < div >
104+ < SettingsHeader
105+ actions = {
106+ < SettingsHeaderDocsLink href = { docs ( "/ai-coder/ai-bridge" ) } />
107+ }
108+ >
109+ < SettingsHeaderTitle hierarchy = "secondary" level = "h2" >
110+ AI Bridge
111+ </ SettingsHeaderTitle >
112+ < SettingsHeaderDescription >
113+ Monitor and manage AI requests across your deployment.
114+ </ SettingsHeaderDescription >
115+ </ SettingsHeader >
115116
116- < OptionsTable
117- options = { options . filter ( ( o ) =>
118- deploymentGroupHasParent ( o . group , "AIBridge" ) ,
119- ) }
120- />
121- </ div >
117+ < OptionsTable
118+ options = { options . filter ( ( o ) =>
119+ deploymentGroupHasParent ( o . group , "AIBridge" ) ,
120+ ) }
121+ />
122+ </ div >
123+ ) }
122124</ Stack >
123125) ;
124126} ;