Merge pull request #2155 from redpanda-data/ts/remove-deprecated-ai-gateway-api

Remove deprecated AI Gateway API

Author: tomasz-sadura

backend/pkg/protogen/redpanda/api/dataplane/v1alpha3/ai_gateway.pb.go

@@ -48,11 +48,9 @@ import {
   AIAgentCreateSchema,
   CreateAIAgentRequestSchema,
 } from 'protogen/redpanda/api/dataplane/v1alpha3/ai_agent_pb';
-import { type AIGateway, AIGateway_State } from 'protogen/redpanda/api/dataplane/v1alpha3/ai_gateway_pb';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { Controller, useFieldArray, useForm } from 'react-hook-form';
 import { useCreateAIAgentMutation } from 'react-query/api/ai-agent';
-import { useListAIGatewaysQuery } from 'react-query/api/ai-gateway';
 import { useListMCPServersQuery } from 'react-query/api/remote-mcp';
 import { useCreateSecretMutation, useListSecretsQuery } from 'react-query/api/secret';
 import { toast } from 'sonner';
@@ -74,32 +72,6 @@ export const AIAgentCreatePage = () => {
     skipInvalidation: true,
   });
 
-  // Gateway detection
-  const { data: gatewaysData, isLoading: isLoadingGateways } = useListAIGatewaysQuery(
-    { pageSize: -1 },
-    { enabled: true }
-  );
-
-  const hasGatewayDeployed = useMemo(() => {
-    if (isLoadingGateways) {
-      return false;
-    }
-    return Boolean(gatewaysData?.aiGateways && gatewaysData.aiGateways.length > 0);
-  }, [gatewaysData, isLoadingGateways]);
-
-  const availableGateways = useMemo(() => {
-    if (!gatewaysData?.aiGateways) {
-      return [];
-    }
-    return gatewaysData.aiGateways
-      .filter((gw: AIGateway) => gw.state === AIGateway_State.RUNNING)
-      .map((gw: AIGateway) => ({
-        id: gw.id,
-        displayName: gw.displayName,
-        description: gw.description,
-      }));
-  }, [gatewaysData]);
-
   // Ref to ServiceAccountSelector to call createServiceAccount
   const serviceAccountSelectorRef = useRef<ServiceAccountSelectorRef>(null);
 
@@ -492,7 +464,7 @@ export const AIAgentCreatePage = () => {
                 </CardHeader>
                 <CardContent>
                   <LLMConfigSection
-                    availableGateways={availableGateways}
+                    availableGateways={[]}
                     availableSecrets={availableSecrets}
                     fieldNames={{
                       provider: 'provider',
@@ -503,7 +475,7 @@ export const AIAgentCreatePage = () => {
                       gatewayId: 'gatewayId',
                     }}
                     form={form}
-                    hasGatewayDeployed={hasGatewayDeployed}
+                    hasGatewayDeployed={false}
                     mode="create"
                     scopes={[Scope.MCP_SERVER, Scope.AI_AGENT]}
                     showBaseUrl={form.watch('provider') === 'openaiCompatible'}

backend/pkg/protogen/redpanda/api/dataplane/v1alpha3/ai_gateway.pb.gw.go

@@ -63,10 +63,8 @@ import {
   AIAgentUpdateSchema,
   UpdateAIAgentRequestSchema,
 } from 'protogen/redpanda/api/dataplane/v1alpha3/ai_agent_pb';
-import { type AIGateway, AIGateway_State } from 'protogen/redpanda/api/dataplane/v1alpha3/ai_gateway_pb';
 import { useCallback, useMemo, useState } from 'react';
 import { useGetAIAgentQuery, useUpdateAIAgentMutation } from 'react-query/api/ai-agent';
-import { useListAIGatewaysQuery } from 'react-query/api/ai-gateway';
 import { type MCPServer, useListMCPServersQuery } from 'react-query/api/remote-mcp';
 import { useListSecretsQuery } from 'react-query/api/secret';
 import { toast } from 'sonner';
@@ -315,32 +313,6 @@ export const AIAgentConfigurationTab = () => {
   const { data: mcpServersData } = useListMCPServersQuery();
   const { data: secretsData } = useListSecretsQuery();
 
-  // Gateway detection
-  const { data: gatewaysData, isLoading: isLoadingGateways } = useListAIGatewaysQuery(
-    { pageSize: -1 },
-    { enabled: true }
-  );
-
-  const hasGatewayDeployed = useMemo(() => {
-    if (isLoadingGateways) {
-      return false;
-    }
-    return Boolean(gatewaysData?.aiGateways && gatewaysData.aiGateways.length > 0);
-  }, [gatewaysData, isLoadingGateways]);
-
-  const availableGateways = useMemo(() => {
-    if (!gatewaysData?.aiGateways) {
-      return [];
-    }
-    return gatewaysData.aiGateways
-      .filter((gw: AIGateway) => gw.state === AIGateway_State.RUNNING)
-      .map((gw: AIGateway) => ({
-        id: gw.id,
-        displayName: gw.displayName,
-        description: gw.description,
-      }));
-  }, [gatewaysData]);
-
   const [isEditing, setIsEditing] = useState(false);
   const [editedAgentData, setEditedAgentData] = useState<LocalAIAgent | null>(null);
   const [expandedSubagent, setExpandedSubagent] = useState<string | undefined>(undefined);
@@ -1135,35 +1107,10 @@ export const AIAgentConfigurationTab = () => {
             <CardContent className="px-4 pb-4">
               {isEditing ? (
                 <div className="space-y-4">
-                  {/* Gateway Selection - only show if gateways deployed */}
-                  {hasGatewayDeployed && availableGateways.length > 0 && (
-                    <div className="space-y-2">
-                      <Label>AI Gateway</Label>
-                      <Text className="text-muted-foreground text-xs">Route requests through an AI Gateway</Text>
-                      <Select
-                        onValueChange={(value) => updateField({ gatewayId: value || undefined })}
-                        value={displayData.gatewayId || ''}
-                      >
-                        <SelectTrigger>
-                          <SelectValue placeholder="No gateway" />
-                        </SelectTrigger>
-                        <SelectContent>
-                          <SelectItem value="">No gateway</SelectItem>
-                          {availableGateways.map((gw: { id: string; displayName: string; description: string }) => (
-                            <SelectItem key={gw.id} value={gw.id}>
-                              {gw.displayName}
-                            </SelectItem>
-                          ))}
-                        </SelectContent>
-                      </Select>
-                    </div>
-                  )}
-
                   {/* Provider - now editable */}
                   <div className="space-y-2">
                     <Label htmlFor="provider">Provider</Label>
                     <Select
-                      disabled={!!displayData.gatewayId}
                       onValueChange={(value: 'openai' | 'anthropic' | 'google' | 'openaiCompatible') => {
                         const newProviderData = MODEL_OPTIONS_BY_PROVIDER[value];
                         const firstModel =
@@ -1224,14 +1171,12 @@ export const AIAgentConfigurationTab = () => {
                     <Label htmlFor="model">Model</Label>
                     {displayData.provider?.provider.case === 'openaiCompatible' ? (
                       <Input
-                        disabled={!!displayData.gatewayId}
                         onChange={(e) => updateField({ model: e.target.value })}
                         placeholder="Enter model name (e.g., llama-3.1-70b)"
                         value={displayData.model}
                       />
                     ) : (
                       <Select
-                        disabled={!!displayData.gatewayId}
                         onValueChange={(value) => updateField({ model: value })}
                         value={displayData.model}
                       >
@@ -1295,25 +1240,23 @@ export const AIAgentConfigurationTab = () => {
                     )}
                   </div>
 
-                  {/* API Token - HIDE if using gateway */}
-                  {!displayData.gatewayId && (
-                    <div className="space-y-2">
-                      <Label htmlFor="apiKeySecret">API Token</Label>
-                      <div className="[&>div]:flex-col [&>div]:items-stretch [&>div]:gap-2">
-                        <SecretSelector
-                          availableSecrets={availableSecrets}
-                          customText={AI_AGENT_SECRET_TEXT}
-                          onChange={(value) => updateField({ apiKeySecret: value })}
-                          placeholder="Select from secrets store or create new"
-                          scopes={[Scope.MCP_SERVER, Scope.AI_AGENT]}
-                          value={displayData.apiKeySecret}
-                        />
-                      </div>
+                  {/* API Token */}
+                  <div className="space-y-2">
+                    <Label htmlFor="apiKeySecret">API Token</Label>
+                    <div className="[&>div]:flex-col [&>div]:items-stretch [&>div]:gap-2">
+                      <SecretSelector
+                        availableSecrets={availableSecrets}
+                        customText={AI_AGENT_SECRET_TEXT}
+                        onChange={(value) => updateField({ apiKeySecret: value })}
+                        placeholder="Select from secrets store or create new"
+                        scopes={[Scope.MCP_SERVER, Scope.AI_AGENT]}
+                        value={displayData.apiKeySecret}
+                      />
                     </div>
-                  )}
+                  </div>
 
-                  {/* Base URL - only show for openaiCompatible and when not using gateway */}
-                  {!displayData.gatewayId && displayData.provider?.provider.case === 'openaiCompatible' && (
+                  {/* Base URL - only show for openaiCompatible */}
+                  {displayData.provider?.provider.case === 'openaiCompatible' && (
                     <div className="space-y-2">
                       <Label htmlFor="baseUrl">Base URL (required)</Label>
                       <Input
@@ -1341,23 +1284,6 @@ export const AIAgentConfigurationTab = () => {
                 </div>
               ) : (
                 <div className="space-y-4">
-                  {/* Gateway - only show if gateways deployed */}
-                  {hasGatewayDeployed && availableGateways.length > 0 && (
-                    <div className="space-y-2">
-                      <Label>AI Gateway</Label>
-                      <div className="flex h-10 items-center rounded-md border border-gray-200 bg-gray-50 px-3 py-2">
-                        <Text variant="default">
-                          {displayData.gatewayId
-                            ? availableGateways.find(
-                                (gw: { id: string; displayName: string; description: string }) =>
-                                  gw.id === displayData.gatewayId
-                              )?.displayName || displayData.gatewayId
-                            : 'None'}
-                        </Text>
-                      </div>
-                    </div>
-                  )}
-
                   <div className="space-y-2">
                     <Label>Provider</Label>
                     <div className="flex h-10 items-center rounded-md border border-gray-200 bg-gray-50 px-3 py-2">
@@ -1375,25 +1301,21 @@ export const AIAgentConfigurationTab = () => {
                       <AIAgentModel model={displayData.model} />
                     </div>
                   </div>
-                  {/* API Token - HIDE if using gateway */}
-                  {!displayData.gatewayId && (
+                  {/* API Token */}
+                  <div className="space-y-2">
+                    <Label>API Token</Label>
+                    <div className="flex h-10 items-center rounded-md border border-gray-200 bg-gray-50 px-3 py-2">
+                      <Text variant="default">{displayData.apiKeySecret || 'No secret configured'}</Text>
+                    </div>
+                  </div>
+                  {agent.provider?.provider.case === 'openaiCompatible' && displayData.baseUrl && (
                     <div className="space-y-2">
-                      <Label>API Token</Label>
+                      <Label>Base URL</Label>
                       <div className="flex h-10 items-center rounded-md border border-gray-200 bg-gray-50 px-3 py-2">
-                        <Text variant="default">{displayData.apiKeySecret || 'No secret configured'}</Text>
+                        <Text variant="default">{displayData.baseUrl}</Text>
                       </div>
                     </div>
                   )}
-                  {!displayData.gatewayId &&
-                    agent.provider?.provider.case === 'openaiCompatible' &&
-                    displayData.baseUrl && (
-                      <div className="space-y-2">
-                        <Label>Base URL</Label>
-                        <div className="flex h-10 items-center rounded-md border border-gray-200 bg-gray-50 px-3 py-2">
-                          <Text variant="default">{displayData.baseUrl}</Text>
-                        </div>
-                      </div>
-                    )}
                   <div className="space-y-2">
                     <Label>Max Iterations</Label>
                     <div className="flex h-10 items-center rounded-md border border-gray-200 bg-gray-50 px-3 py-2">