Add edit and delete functionality for LLM providers

Introduces backend API and frontend UI for editing and deleting LLM providers. Providers can only be deleted if they have no associated models. Includes new modals for editing and deleting providers, updates provider list to show model count and actions, and adds corresponding actions and API integration.

autogpt_platform/backend/backend/api/features/admin/llm_routes.py

@@ -98,6 +98,31 @@ async def update_llm_provider(
     return provider
 
 
+@router.delete(
+    "/providers/{provider_id}",
+    summary="Delete LLM provider",
+    response_model=dict,
+)
+async def delete_llm_provider(provider_id: str):
+    """
+    Delete an LLM provider.
+
+    A provider can only be deleted if it has no associated models.
+    Delete all models from the provider first before deleting the provider.
+    """
+    try:
+        await llm_db.delete_provider(provider_id)
+        await _refresh_runtime_state()
+        logger.info("Deleted LLM provider '%s'", provider_id)
+        return {"success": True, "message": "Provider deleted successfully"}
+    except ValueError as e:
+        logger.warning("Failed to delete provider '%s': %s", provider_id, e)
+        raise fastapi.HTTPException(status_code=400, detail=str(e))
+    except Exception as e:
+        logger.exception("Failed to delete provider '%s': %s", provider_id, e)
+        raise fastapi.HTTPException(status_code=500, detail=str(e))
+
+
 @router.get(
     "/models",
     summary="List LLM models",

autogpt_platform/backend/backend/server/v2/llm/db.py

@@ -151,6 +151,44 @@ async def upsert_provider(
     return _map_provider(record)
 
 
+async def delete_provider(provider_id: str) -> bool:
+    """
+    Delete an LLM provider.
+
+    A provider can only be deleted if it has no associated models.
+    Due to onDelete: Restrict on LlmModel.Provider, the database will
+    block deletion if models exist.
+
+    Args:
+        provider_id: UUID of the provider to delete
+
+    Returns:
+        True if deleted successfully
+
+    Raises:
+        ValueError: If provider not found or has associated models
+    """
+    # Check if provider exists
+    provider = await prisma.models.LlmProvider.prisma().find_unique(
+        where={"id": provider_id},
+        include={"Models": True},
+    )
+    if not provider:
+        raise ValueError(f"Provider with id '{provider_id}' not found")
+
+    # Check if provider has any models
+    model_count = len(provider.Models) if provider.Models else 0
+    if model_count > 0:
+        raise ValueError(
+            f"Cannot delete provider '{provider.displayName}' because it has "
+            f"{model_count} model(s). Delete all models first."
+        )
+
+    # Safe to delete
+    await prisma.models.LlmProvider.prisma().delete(where={"id": provider_id})
+    return True
+
+
 async def list_models(
     provider_id: str | None = None,
     enabled_only: bool = False,

autogpt_platform/frontend/src/app/(platform)/admin/llms/actions.ts

@@ -6,6 +6,8 @@ import { revalidatePath } from "next/cache";
 import {
   getV2ListLlmProviders,
   postV2CreateLlmProvider,
+  patchV2UpdateLlmProvider,
+  deleteV2DeleteLlmProvider,
   getV2ListLlmModels,
   postV2CreateLlmModel,
   patchV2UpdateLlmModel,
@@ -74,6 +76,51 @@ export async function createLlmProviderAction(formData: FormData) {
   revalidatePath(ADMIN_LLM_PATH);
 }
 
+export async function deleteLlmProviderAction(
+  formData: FormData,
+): Promise<void> {
+  const providerId = String(formData.get("provider_id"));
+
+  const response = await deleteV2DeleteLlmProvider(providerId);
+  if (response.status !== 200) {
+    const errorData = response.data as { detail?: string };
+    throw new Error(errorData?.detail || "Failed to delete provider");
+  }
+  revalidatePath(ADMIN_LLM_PATH);
+}
+
+export async function updateLlmProviderAction(formData: FormData) {
+  const providerId = String(formData.get("provider_id"));
+
+  const payload: UpsertLlmProviderRequest = {
+    name: String(formData.get("name") || "").trim(),
+    display_name: String(formData.get("display_name") || "").trim(),
+    description: formData.get("description")
+      ? String(formData.get("description"))
+      : undefined,
+    default_credential_provider: formData.get("default_credential_provider")
+      ? String(formData.get("default_credential_provider")).trim()
+      : undefined,
+    default_credential_id: formData.get("default_credential_id")
+      ? String(formData.get("default_credential_id")).trim()
+      : undefined,
+    default_credential_type: formData.get("default_credential_type")
+      ? String(formData.get("default_credential_type")).trim()
+      : "api_key",
+    supports_tools: formData.getAll("supports_tools").includes("on"),
+    supports_json_output: formData.getAll("supports_json_output").includes("on"),
+    supports_reasoning: formData.getAll("supports_reasoning").includes("on"),
+    supports_parallel_tool: formData.getAll("supports_parallel_tool").includes("on"),
+    metadata: {},
+  };
+
+  const response = await patchV2UpdateLlmProvider(providerId, payload);
+  if (response.status !== 200) {
+    throw new Error("Failed to update LLM provider");
+  }
+  revalidatePath(ADMIN_LLM_PATH);
+}
+
 // =============================================================================
 // Model Actions
 // =============================================================================

autogpt_platform/frontend/src/app/(platform)/admin/llms/components/DeleteProviderModal.tsx

@@ -0,0 +1,127 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { Dialog } from "@/components/molecules/Dialog/Dialog";
+import { Button } from "@/components/atoms/Button/Button";
+import type { LlmProvider } from "@/app/api/__generated__/models/llmProvider";
+import { deleteLlmProviderAction } from "../actions";
+
+export function DeleteProviderModal({ provider }: { provider: LlmProvider }) {
+  const [open, setOpen] = useState(false);
+  const [isDeleting, setIsDeleting] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const router = useRouter();
+
+  const modelCount = provider.models?.length ?? 0;
+  const hasModels = modelCount > 0;
+
+  async function handleDelete(formData: FormData) {
+    setIsDeleting(true);
+    setError(null);
+    try {
+      await deleteLlmProviderAction(formData);
+      setOpen(false);
+      router.refresh();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to delete provider");
+    } finally {
+      setIsDeleting(false);
+    }
+  }
+
+  return (
+    <Dialog
+      title="Delete Provider"
+      controlled={{ isOpen: open, set: setOpen }}
+      styling={{ maxWidth: "480px" }}
+    >
+      <Dialog.Trigger>
+        <Button
+          type="button"
+          variant="outline"
+          size="small"
+          className="min-w-0 text-destructive hover:bg-destructive/10"
+        >
+          Delete
+        </Button>
+      </Dialog.Trigger>
+      <Dialog.Content>
+        <div className="space-y-4">
+          <div
+            className={`rounded-lg border p-4 ${
+              hasModels
+                ? "border-destructive/30 bg-destructive/10"
+                : "border-amber-500/30 bg-amber-500/10 dark:border-amber-400/30 dark:bg-amber-400/10"
+            }`}
+          >
+            <div className="flex items-start gap-3">
+              <div
+                className={`flex-shrink-0 ${
+                  hasModels
+                    ? "text-destructive"
+                    : "text-amber-600 dark:text-amber-400"
+                }`}
+              >
+                {hasModels ? "🚫" : "⚠️"}
+              </div>
+              <div className="text-sm text-foreground">
+                <p className="font-semibold">You are about to delete:</p>
+                <p className="mt-1">
+                  <span className="font-medium">{provider.display_name}</span>{" "}
+                  <span className="text-muted-foreground">
+                    ({provider.name})
+                  </span>
+                </p>
+                {hasModels ? (
+                  <p className="mt-2 text-destructive">
+                    This provider has {modelCount} model(s). You must delete all
+                    models before you can delete this provider.
+                  </p>
+                ) : (
+                  <p className="mt-2 text-muted-foreground">
+                    This provider has no models and can be safely deleted.
+                  </p>
+                )}
+              </div>
+            </div>
+          </div>
+
+          <form action={handleDelete} className="space-y-4">
+            <input type="hidden" name="provider_id" value={provider.id} />
+
+            {error && (
+              <div className="rounded-lg border border-destructive/30 bg-destructive/10 p-3 text-sm text-destructive">
+                {error}
+              </div>
+            )}
+
+            <Dialog.Footer>
+              <Button
+                variant="ghost"
+                size="small"
+                onClick={() => {
+                  setOpen(false);
+                  setError(null);
+                }}
+                disabled={isDeleting}
+                type="button"
+              >
+                Cancel
+              </Button>
+              <Button
+                type="submit"
+                variant="primary"
+                size="small"
+                disabled={isDeleting || hasModels}
+                className="bg-destructive text-destructive-foreground hover:bg-destructive/90 disabled:opacity-50"
+              >
+                {isDeleting ? "Deleting..." : "Delete Provider"}
+              </Button>
+            </Dialog.Footer>
+          </form>
+        </div>
+      </Dialog.Content>
+    </Dialog>
+  );
+}

autogpt_platform/frontend/src/app/(platform)/admin/llms/components/EditProviderModal.tsx

@@ -0,0 +1,263 @@
+"use client";
+
+import { useState } from "react";
+import { Dialog } from "@/components/molecules/Dialog/Dialog";
+import { Button } from "@/components/atoms/Button/Button";
+import { updateLlmProviderAction } from "../actions";
+import { useRouter } from "next/navigation";
+import type { LlmProvider } from "@/app/api/__generated__/models/llmProvider";
+
+export function EditProviderModal({ provider }: { provider: LlmProvider }) {
+  const [open, setOpen] = useState(false);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const router = useRouter();
+
+  async function handleSubmit(formData: FormData) {
+    setIsSubmitting(true);
+    setError(null);
+    try {
+      await updateLlmProviderAction(formData);
+      setOpen(false);
+      router.refresh();
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "Failed to update provider",
+      );
+    } finally {
+      setIsSubmitting(false);
+    }
+  }
+
+  return (
+    <Dialog
+      title="Edit Provider"
+      controlled={{ isOpen: open, set: setOpen }}
+      styling={{ maxWidth: "768px", maxHeight: "90vh", overflowY: "auto" }}
+    >
+      <Dialog.Trigger>
+        <Button variant="outline" size="small">
+          Edit
+        </Button>
+      </Dialog.Trigger>
+      <Dialog.Content>
+        <div className="mb-4 text-sm text-muted-foreground">
+          Update provider configuration and capabilities.
+        </div>
+
+        <form action={handleSubmit} className="space-y-6">
+          <input type="hidden" name="provider_id" value={provider.id} />
+
+          {/* Basic Information */}
+          <div className="space-y-4">
+            <div className="space-y-1">
+              <h3 className="text-sm font-semibold text-foreground">
+                Basic Information
+              </h3>
+              <p className="text-xs text-muted-foreground">
+                Core provider details
+              </p>
+            </div>
+            <div className="grid gap-4 sm:grid-cols-2">
+              <div className="space-y-2">
+                <label
+                  htmlFor="name"
+                  className="text-sm font-medium text-foreground"
+                >
+                  Provider Slug <span className="text-destructive">*</span>
+                </label>
+                <input
+                  id="name"
+                  required
+                  name="name"
+                  defaultValue={provider.name}
+                  className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm transition-colors placeholder:text-muted-foreground focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
+                  placeholder="e.g. openai"
+                />
+              </div>
+              <div className="space-y-2">
+                <label
+                  htmlFor="display_name"
+                  className="text-sm font-medium text-foreground"
+                >
+                  Display Name <span className="text-destructive">*</span>
+                </label>
+                <input
+                  id="display_name"
+                  required
+                  name="display_name"
+                  defaultValue={provider.display_name}
+                  className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm transition-colors placeholder:text-muted-foreground focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
+                  placeholder="OpenAI"
+                />
+              </div>
+            </div>
+            <div className="space-y-2">
+              <label
+                htmlFor="description"
+                className="text-sm font-medium text-foreground"
+              >
+                Description
+              </label>
+              <textarea
+                id="description"
+                name="description"
+                rows={3}
+                defaultValue={provider.description ?? ""}
+                className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm transition-colors placeholder:text-muted-foreground focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
+                placeholder="Optional description..."
+              />
+            </div>
+          </div>
+
+          {/* Default Credentials */}
+          <div className="space-y-4 border-t border-border pt-6">
+            <div className="space-y-1">
+              <h3 className="text-sm font-semibold text-foreground">
+                Default Credentials
+              </h3>
+              <p className="text-xs text-muted-foreground">
+                Credential provider name that matches the key in{" "}
+                <code className="rounded bg-muted px-1 py-0.5 font-mono text-xs">
+                  PROVIDER_CREDENTIALS
+                </code>
+              </p>
+            </div>
+            <div className="grid gap-4 sm:grid-cols-2">
+              <div className="space-y-2">
+                <label
+                  htmlFor="default_credential_provider"
+                  className="text-sm font-medium text-foreground"
+                >
+                  Credential Provider
+                </label>
+                <input
+                  id="default_credential_provider"
+                  name="default_credential_provider"
+                  defaultValue={provider.default_credential_provider ?? ""}
+                  className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm transition-colors placeholder:text-muted-foreground focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
+                  placeholder="openai"
+                />
+              </div>
+              <div className="space-y-2">
+                <label
+                  htmlFor="default_credential_id"
+                  className="text-sm font-medium text-foreground"
+                >
+                  Credential ID
+                </label>
+                <input
+                  id="default_credential_id"
+                  name="default_credential_id"
+                  defaultValue={provider.default_credential_id ?? ""}
+                  className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm transition-colors placeholder:text-muted-foreground focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
+                  placeholder="Optional credential ID"
+                />
+              </div>
+            </div>
+            <div className="space-y-2">
+              <label
+                htmlFor="default_credential_type"
+                className="text-sm font-medium text-foreground"
+              >
+                Credential Type
+              </label>
+              <input
+                id="default_credential_type"
+                name="default_credential_type"
+                defaultValue={provider.default_credential_type ?? "api_key"}
+                className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm transition-colors placeholder:text-muted-foreground focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20"
+                placeholder="api_key"
+              />
+            </div>
+          </div>
+
+          {/* Capabilities */}
+          <div className="space-y-4 border-t border-border pt-6">
+            <div className="space-y-1">
+              <h3 className="text-sm font-semibold text-foreground">
+                Capabilities
+              </h3>
+              <p className="text-xs text-muted-foreground">
+                Provider feature flags
+              </p>
+            </div>
+            <div className="grid gap-3 sm:grid-cols-2">
+              {[
+                {
+                  name: "supports_tools",
+                  label: "Supports tools",
+                  checked: provider.supports_tools,
+                },
+                {
+                  name: "supports_json_output",
+                  label: "Supports JSON output",
+                  checked: provider.supports_json_output,
+                },
+                {
+                  name: "supports_reasoning",
+                  label: "Supports reasoning",
+                  checked: provider.supports_reasoning,
+                },
+                {
+                  name: "supports_parallel_tool",
+                  label: "Supports parallel tool calls",
+                  checked: provider.supports_parallel_tool,
+                },
+              ].map(({ name, label, checked }) => (
+                <div
+                  key={name}
+                  className="flex items-center gap-3 rounded-md border border-border bg-muted/30 px-4 py-3 transition-colors hover:bg-muted/50"
+                >
+                  <input type="hidden" name={name} value="off" />
+                  <input
+                    id={name}
+                    type="checkbox"
+                    name={name}
+                    defaultChecked={checked}
+                    className="h-4 w-4 rounded border-input"
+                  />
+                  <label
+                    htmlFor={name}
+                    className="text-sm font-medium text-foreground"
+                  >
+                    {label}
+                  </label>
+                </div>
+              ))}
+            </div>
+          </div>
+
+          {error && (
+            <div className="rounded-lg border border-destructive/30 bg-destructive/10 p-3 text-sm text-destructive">
+              {error}
+            </div>
+          )}
+
+          <Dialog.Footer>
+            <Button
+              variant="ghost"
+              size="small"
+              type="button"
+              onClick={() => {
+                setOpen(false);
+                setError(null);
+              }}
+              disabled={isSubmitting}
+            >
+              Cancel
+            </Button>
+            <Button
+              variant="primary"
+              size="small"
+              type="submit"
+              disabled={isSubmitting}
+            >
+              {isSubmitting ? "Saving..." : "Save Changes"}
+            </Button>
+          </Dialog.Footer>
+        </form>
+      </Dialog.Content>
+    </Dialog>
+  );
+}

autogpt_platform/frontend/src/app/(platform)/admin/llms/components/ProviderList.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import {
   Table,
   TableBody,
@@ -7,6 +9,8 @@ import {
   TableRow,
 } from "@/components/atoms/Table/Table";
 import type { LlmProvider } from "@/app/api/__generated__/models/llmProvider";
+import { DeleteProviderModal } from "./DeleteProviderModal";
+import { EditProviderModal } from "./EditProviderModal";
 
 export function ProviderList({ providers }: { providers: LlmProvider[] }) {
   if (!providers.length) {
@@ -26,6 +30,8 @@ export function ProviderList({ providers }: { providers: LlmProvider[] }) {
             <TableHead>Display Name</TableHead>
             <TableHead>Default Credential</TableHead>
             <TableHead>Capabilities</TableHead>
+            <TableHead>Models</TableHead>
+            <TableHead className="w-[100px]">Actions</TableHead>
           </TableRow>
         </TableHeader>
         <TableBody>
@@ -62,6 +68,23 @@ export function ProviderList({ providers }: { providers: LlmProvider[] }) {
                   )}
                 </div>
               </TableCell>
+              <TableCell className="text-sm">
+                <span
+                  className={
+                    (provider.models?.length ?? 0) > 0
+                      ? "text-foreground"
+                      : "text-muted-foreground"
+                  }
+                >
+                  {provider.models?.length ?? 0}
+                </span>
+              </TableCell>
+              <TableCell>
+                <div className="flex gap-2">
+                  <EditProviderModal provider={provider} />
+                  <DeleteProviderModal provider={provider} />
+                </div>
+              </TableCell>
             </TableRow>
           ))}
         </TableBody>

autogpt_platform/frontend/src/app/api/openapi.json

@@ -4771,6 +4771,46 @@
       }
     },
     "/api/llm/admin/providers/{provider_id}": {
+      "delete": {
+        "tags": ["v2", "admin", "llm", "llm", "admin"],
+        "summary": "Delete LLM provider",
+        "description": "Delete an LLM provider.\n\nA provider can only be deleted if it has no associated models.\nDelete all models from the provider first before deleting the provider.",
+        "operationId": "deleteV2Delete llm provider",
+        "security": [{ "HTTPBearerJWT": [] }],
+        "parameters": [
+          {
+            "name": "provider_id",
+            "in": "path",
+            "required": true,
+            "schema": { "type": "string", "title": "Provider Id" }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "Successful Response",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "type": "object",
+                  "additionalProperties": true,
+                  "title": "Response Deletev2Delete Llm Provider"
+                }
+              }
+            }
+          },
+          "401": {
+            "$ref": "#/components/responses/HTTP401NotAuthenticatedError"
+          },
+          "422": {
+            "description": "Validation Error",
+            "content": {
+              "application/json": {
+                "schema": { "$ref": "#/components/schemas/HTTPValidationError" }
+              }
+            }
+          }
+        }
+      },
       "patch": {
         "tags": ["v2", "admin", "llm", "llm", "admin"],
         "summary": "Update LLM provider",
@@ -9440,9 +9480,16 @@
             "title": "Is Reverted",
             "default": false
           },
-          "created_at": { "type": "string", "title": "Created At" },
+          "created_at": {
+            "type": "string",
+            "format": "date-time",
+            "title": "Created At"
+          },
           "reverted_at": {
-            "anyOf": [{ "type": "string" }, { "type": "null" }],
+            "anyOf": [
+              { "type": "string", "format": "date-time" },
+              { "type": "null" }
+            ],
             "title": "Reverted At"
           }
         },