{!showStep && (
- Configure patterns and keywords to detect and filter sensitive information in requests and responses.
+ Configure patterns, keywords, and content categories to detect and filter sensitive information in requests and responses.
)}
@@ -244,6 +271,17 @@ const ContentFilterConfiguration: React.FC
= ({
)}
+ {showCategories && contentCategories.length > 0 && onContentCategoryAdd && onContentCategoryRemove && onContentCategoryUpdate && (
+
+ )}
+
= ({
}
console.log("Value:", value);
+
+ // Fields to skip for content filter provider (handled in dedicated steps)
+ const contentFilterFieldsToSkip = new Set([
+ "patterns",
+ "blocked_words",
+ "blocked_words_file",
+ "categories",
+ "severity_threshold",
+ "pattern_redaction_format",
+ "keyword_redaction_tag",
+ ]);
+
+ const isContentFilterProvider = shouldRenderContentFilterConfigSettings(selectedProvider);
+
// Convert object to array of entries and render fields
const renderFields = (fields: { [key: string]: ProviderParam }, parentKey = "", parentValue?: any) => {
return Object.entries(fields).map(([fieldKey, field]) => {
@@ -123,6 +138,11 @@ const GuardrailProviderFields: React.FC = ({
return null;
}
+ // Skip content filter specific fields when it's a content filter provider (handled in dedicated steps)
+ if (isContentFilterProvider && contentFilterFieldsToSkip.has(fieldKey)) {
+ return null;
+ }
+
// Handle other nested fields (like azure/text_moderations optional_params)
if (field.type === "nested" && field.fields) {
return (
diff --git a/ui/litellm-dashboard/src/components/networking.tsx b/ui/litellm-dashboard/src/components/networking.tsx
index ddabc6f5212..f0464c61f88 100644
--- a/ui/litellm-dashboard/src/components/networking.tsx
+++ b/ui/litellm-dashboard/src/components/networking.tsx
@@ -6836,6 +6836,40 @@ export const getGuardrailProviderSpecificParams = async (accessToken: string) =>
}
};
+export const getCategoryYaml = async (accessToken: string, categoryName: string) => {
+ try {
+ // URL encode the category name to handle special characters
+ const encodedCategoryName = encodeURIComponent(categoryName);
+ const url = proxyBaseUrl
+ ? `${proxyBaseUrl}/guardrails/ui/category_yaml/${encodedCategoryName}`
+ : `/guardrails/ui/category_yaml/${encodedCategoryName}`;
+
+ console.log(`Fetching category YAML from: ${url}`);
+
+ const response = await fetch(url, {
+ method: "GET",
+ headers: {
+ [globalLitellmHeaderName]: `Bearer ${accessToken}`,
+ "Content-Type": "application/json",
+ },
+ });
+
+ if (!response.ok) {
+ const errorData = await response.text();
+ console.error(`Failed to get category YAML. Status: ${response.status}, Error:`, errorData);
+ handleError(errorData);
+ throw new Error(`Failed to get category YAML: ${response.status} ${errorData}`);
+ }
+
+ const data = await response.json();
+ console.log("Category YAML response:", data);
+ return data;
+ } catch (error) {
+ console.error("Failed to get category YAML:", error);
+ throw error;
+ }
+};
+
export const getAgentsList = async (accessToken: string) => {
try {
const url = proxyBaseUrl ? `${proxyBaseUrl}/v1/agents` : `/v1/agents`;