diff --git a/litellm/proxy/discovery_endpoints/ui_discovery_endpoints.py b/litellm/proxy/discovery_endpoints/ui_discovery_endpoints.py index 86e77596e70..a0beeacf1e0 100644 --- a/litellm/proxy/discovery_endpoints/ui_discovery_endpoints.py +++ b/litellm/proxy/discovery_endpoints/ui_discovery_endpoints.py @@ -25,6 +25,7 @@ async def get_ui_config(): or general_settings.get("auto_redirect_ui_login_to_sso", False) is True ) admin_ui_disabled: Final = os.getenv("DISABLE_ADMIN_UI", "false").lower() == "true" + use_si_terminology: Final = os.getenv("LITELLM_UI_USE_SI_TERMINOLOGY", "false").lower() == "true" hide_default_credentials_hint: Final = should_hide_default_credentials_hint(general_settings) sso_configured: Final = has_user_setup_sso() @@ -49,4 +50,5 @@ async def get_ui_config(): is_control_plane=is_control_plane, workers=proxy_config.worker_registry if is_control_plane else [], mcp_stdio_enabled=is_mcp_stdio_enabled(), + use_si_terminology=use_si_terminology, ) diff --git a/litellm/types/proxy/discovery_endpoints/ui_discovery_endpoints.py b/litellm/types/proxy/discovery_endpoints/ui_discovery_endpoints.py index e30ad26bfe5..d396c79b844 100644 --- a/litellm/types/proxy/discovery_endpoints/ui_discovery_endpoints.py +++ b/litellm/types/proxy/discovery_endpoints/ui_discovery_endpoints.py @@ -14,4 +14,5 @@ class UiDiscoveryEndpoints(LiteLLMBaseModel): hide_default_credentials_hint: bool = False is_control_plane: bool = False mcp_stdio_enabled: bool = False + use_si_terminology: bool = False workers: list[WorkerRegistryEntry] = Field(default=[]) diff --git a/tests/unit/proxy/discovery_endpoints/test_ui_discovery_endpoints.py b/tests/unit/proxy/discovery_endpoints/test_ui_discovery_endpoints.py index 1ef0eee761a..d338f38d862 100644 --- a/tests/unit/proxy/discovery_endpoints/test_ui_discovery_endpoints.py +++ b/tests/unit/proxy/discovery_endpoints/test_ui_discovery_endpoints.py @@ -501,3 +501,25 @@ def test_ui_config_tells_the_dashboard_whether_stdio_mcp_servers_are_enabled(mon assert response.status_code == 200 assert response.json()["mcp_stdio_enabled"] is expected + + +@pytest.mark.parametrize(("flag", "expected"), [(None, False), ("false", False), ("true", True), ("TRUE", True)]) +def test_ui_config_tells_the_dashboard_whether_to_use_si_terminology( + monkeypatch: pytest.MonkeyPatch, flag: str | None, expected: bool +) -> None: + if flag is None: + monkeypatch.delenv("LITELLM_UI_USE_SI_TERMINOLOGY", raising=False) + else: + monkeypatch.setenv("LITELLM_UI_USE_SI_TERMINOLOGY", flag) + app: Final[FastAPI] = FastAPI() + app.include_router(router) + + with ( + patch("litellm.proxy.utils.get_server_root_path", return_value="/"), + patch("litellm.proxy.utils.get_proxy_base_url", return_value=None), + patch("litellm.proxy.auth.auth_utils.has_user_setup_sso", return_value=False), + ): + response: Final = TestClient(app).get("/.well-known/litellm-ui-config") + + assert response.status_code == 200 + assert response.json()["use_si_terminology"] is expected diff --git a/ui/litellm-dashboard/src/app/(dashboard)/agents/_components/AgentsPanel.tsx b/ui/litellm-dashboard/src/app/(dashboard)/agents/_components/AgentsPanel.tsx index b392e270d33..3f599c38976 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/agents/_components/AgentsPanel.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/agents/_components/AgentsPanel.tsx @@ -1,3 +1,4 @@ +import { useTerminology } from "@/contexts/TerminologyContext"; import React, { useState, useEffect } from "react"; import { Info, Plus } from "lucide-react"; import { getAgentsList, deleteAgentCall } from "@/components/networking"; @@ -31,6 +32,7 @@ interface AgentsResponse { } const AgentsPanel: React.FC = ({ accessToken, userRole, teams }) => { + const term = useTerminology(); const [agentsList, setAgentsList] = useState([]); const [isAddModalVisible, setIsAddModalVisible] = useState(false); const [isLoading, setIsLoading] = useState(true); @@ -140,8 +142,9 @@ const AgentsPanel: React.FC = ({ accessToken, userRole, teams

Agents

- List of A2A-spec agents that are available to be used in your organization. Go to AI Hub, to make agents - public. + {term( + "List of A2A-spec agents that are available to be used in your organization. Go to AI Hub, to make agents public.", + )}

diff --git a/ui/litellm-dashboard/src/app/(dashboard)/guardrails-monitor/_components/EvaluationSettingsModal.tsx b/ui/litellm-dashboard/src/app/(dashboard)/guardrails-monitor/_components/EvaluationSettingsModal.tsx index 900a04e480d..78091584cde 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/guardrails-monitor/_components/EvaluationSettingsModal.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/guardrails-monitor/_components/EvaluationSettingsModal.tsx @@ -1,3 +1,4 @@ +import { useTerminology } from "@/contexts/TerminologyContext"; import { Play } from "lucide-react"; import React, { useEffect, useMemo, useState } from "react"; import { fetchAvailableModels, type ModelGroup } from "@/components/llm_calls/fetch_models"; @@ -47,6 +48,7 @@ export function EvaluationSettingsModal({ accessToken, onRunEvaluation, }: EvaluationSettingsModalProps) { + const term = useTerminology(); const [prompt, setPrompt] = useState(DEFAULT_PROMPT); const [schema, setSchema] = useState(DEFAULT_SCHEMA); const [model, setModel] = useState(null); @@ -95,8 +97,8 @@ export function EvaluationSettingsModal({ Evaluation Settings {guardrailName - ? `Configure AI evaluation for ${guardrailName}` - : "Configure AI evaluation for re-running on logs"} + ? `${term("Configure AI evaluation for")} ${guardrailName}` + : term("Configure AI evaluation for re-running on logs")} diff --git a/ui/litellm-dashboard/src/app/(dashboard)/guardrails/_components/guardrail_garden.tsx b/ui/litellm-dashboard/src/app/(dashboard)/guardrails/_components/guardrail_garden.tsx index f8e1ab1ef66..c13f71b7afc 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/guardrails/_components/guardrail_garden.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/guardrails/_components/guardrail_garden.tsx @@ -1,3 +1,4 @@ +import { useTerminology } from "@/contexts/TerminologyContext"; import React, { useState } from "react"; import { ArrowRight, Search } from "lucide-react"; import { InputGroup, InputGroupAddon, InputGroupInput } from "@/components/ui/input-group"; @@ -11,6 +12,7 @@ interface GuardrailGardenProps { } const GuardrailGarden: React.FC = ({ accessToken, onGuardrailCreated }) => { + const term = useTerminology(); const [searchQuery, setSearchQuery] = useState(""); const [selectedCard, setSelectedCard] = useState(null); const [showAllLitellm, setShowAllLitellm] = useState(false); @@ -106,7 +108,7 @@ const GuardrailGarden: React.FC = ({ accessToken, onGuardr Partner Guardrails

- Third-party guardrail integrations from leading AI security providers. + {term("Third-party guardrail integrations from leading AI security providers.")}

{partnerCards.map((card) => ( diff --git a/ui/litellm-dashboard/src/app/(dashboard)/guardrails/_components/guardrail_garden_card.tsx b/ui/litellm-dashboard/src/app/(dashboard)/guardrails/_components/guardrail_garden_card.tsx index 2b7cedd6d85..8a6375d0d68 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/guardrails/_components/guardrail_garden_card.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/guardrails/_components/guardrail_garden_card.tsx @@ -1,9 +1,11 @@ +import { useTerminology } from "@/contexts/TerminologyContext"; import React from "react"; import { CircleCheck } from "lucide-react"; import { GuardrailCardInfo } from "./guardrail_garden_data"; import { Logo } from "@/components/molecules/logo/Logo"; const GuardrailCard: React.FC<{ card: GuardrailCardInfo; onClick: () => void }> = ({ card, onClick }) => { + const term = useTerminology(); return (
void }> {card.name}
-

{card.description}

+

{term(card.description)}

{card.eval && (
diff --git a/ui/litellm-dashboard/src/app/(dashboard)/guardrails/_components/guardrail_garden_detail.tsx b/ui/litellm-dashboard/src/app/(dashboard)/guardrails/_components/guardrail_garden_detail.tsx index 8ac0493b012..e549ebca50a 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/guardrails/_components/guardrail_garden_detail.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/guardrails/_components/guardrail_garden_detail.tsx @@ -1,3 +1,4 @@ +import { useTerminology } from "@/contexts/TerminologyContext"; import React, { useState } from "react"; import { ArrowLeft } from "lucide-react"; import { Button } from "@/components/ui/button"; @@ -21,6 +22,7 @@ interface GuardrailDetailViewProps { } const GuardrailDetailView: React.FC = ({ card, onBack, accessToken, onGuardrailCreated }) => { + const term = useTerminology(); const [isAddFormVisible, setIsAddFormVisible] = useState(false); const [activeTab, setActiveTab] = useState("overview"); @@ -66,7 +68,7 @@ const GuardrailDetailView: React.FC = ({ card, onBack,

{card.name}

-

{card.description}

+

{term(card.description)}

{/* Action buttons — outlined style like Vertex */}
@@ -101,7 +103,7 @@ const GuardrailDetailView: React.FC = ({ card, onBack, {/* Left column — overview + details table */}

Overview

-

{card.description}

+

{term(card.description)}

Guardrail Details

Details are as follows

diff --git a/ui/litellm-dashboard/src/app/(dashboard)/mcp-servers/_components/MCPGatewaySessionsTab.tsx b/ui/litellm-dashboard/src/app/(dashboard)/mcp-servers/_components/MCPGatewaySessionsTab.tsx index 04a095f8792..46c1d2c6848 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/mcp-servers/_components/MCPGatewaySessionsTab.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/mcp-servers/_components/MCPGatewaySessionsTab.tsx @@ -1,5 +1,6 @@ "use client"; +import { useTerminology } from "@/contexts/TerminologyContext"; import React, { useState } from "react"; import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"; import { RefreshCw, Unplug } from "lucide-react"; @@ -132,6 +133,7 @@ function SessionsBody({ isLoading: boolean; onDisconnect: ((selector: MCPGatewaySessionSelector) => void) | null; }) { + const term = useTerminology(); if (isLoading) { return (

- No live MCP connections on this worker (pid {data.worker_pid}). Connect an AI client to the gateway to see it - here. + No live MCP connections on this worker (pid {data.worker_pid}).{" "} + {term("Connect an AI client to the gateway to see it here.")}

); @@ -166,11 +168,11 @@ function SessionsBody({ <>
- +
- + (null); const queryOptions = { @@ -282,9 +285,9 @@ export function MCPGatewaySessionsTab({ accessToken, canTerminate }: MCPGatewayS

Live Connections

- Stateful Streamable HTTP sessions currently open on this proxy worker, grouped by the AI client that sent - the MCP initialize request and by the authenticated LiteLLM user. Stateless requests and SSE connections are - not counted. + {term( + "Stateful Streamable HTTP sessions currently open on this proxy worker, grouped by the AI client that sent the MCP initialize request and by the authenticated LiteLLM user. Stateless requests and SSE connections are not counted.", + )}

- Use tools directly from Cursor IDE with LiteLLM MCP. Enable your AI assistant to perform real-world tasks - without leaving your coding environment. + {term( + "Use tools directly from Cursor IDE with LiteLLM MCP. Enable your AI assistant to perform real-world tasks without leaving your coding environment.", + )}
@@ -475,8 +478,9 @@ const MCPConnect: React.FC = ({ currentServerAccessGroups = []

Connect to your MCP client

- Use tools directly from any MCP client with LiteLLM MCP. Enable your AI assistant to perform real-world - tasks through a simple, secure connection. + {term( + "Use tools directly from any MCP client with LiteLLM MCP. Enable your AI assistant to perform real-world tasks through a simple, secure connection.", + )}

diff --git a/ui/litellm-dashboard/src/app/(dashboard)/playground/components/chat/PlaygroundChat.tsx b/ui/litellm-dashboard/src/app/(dashboard)/playground/components/chat/PlaygroundChat.tsx index 5b2de80315d..77b889ef986 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/playground/components/chat/PlaygroundChat.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/playground/components/chat/PlaygroundChat.tsx @@ -1,5 +1,6 @@ "use client"; +import { useTerminology } from "@/contexts/TerminologyContext"; import { useRef, useState } from "react"; import { ChevronDown, PanelRight, RotateCcw, SquarePen } from "lucide-react"; import useCan from "@/app/(dashboard)/hooks/useCan"; @@ -129,6 +130,7 @@ export function PlaygroundChat({ disabledPersonalKeyCreation: boolean; proxySettings: ProxySettings | undefined; }) { + const term = useTerminology(); const { settings: stored, update, reset } = usePlaygroundSettings(disabledPersonalKeyCreation); const canViewPolicies = useCan("viewPolicies"); const apiKey = (stored.keySource === "session" ? accessToken : stored.virtualKey.trim()) || null; @@ -402,7 +404,7 @@ export function PlaygroundChat({ const suggestions = settings.endpoint === EndpointType.RESPONSES && codeInterpreter.enabled - ? CODE_INTERPRETER_SUGGESTIONS + ? CODE_INTERPRETER_SUGGESTIONS.map(term) : SUGGESTIONS[settings.endpoint] ?? []; const inspector = ; diff --git a/ui/litellm-dashboard/src/app/(dashboard)/playground/components/chat_ui/ChatUI.tsx b/ui/litellm-dashboard/src/app/(dashboard)/playground/components/chat_ui/ChatUI.tsx index a87214720ef..25e63fcdb06 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/playground/components/chat_ui/ChatUI.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/playground/components/chat_ui/ChatUI.tsx @@ -1,5 +1,6 @@ "use client"; +import { useTerminology } from "@/contexts/TerminologyContext"; import { ArrowDown, Bot, @@ -130,6 +131,7 @@ const ChatUI: React.FC = ({ simplified = false, fixedModel, }) => { + const term = useTerminology(); const syntaxTheme = useSyntaxTheme(coy); const canViewPolicies = useCan("viewPolicies"); const [mcpServers, setMCPServers] = useState([]); @@ -2039,7 +2041,7 @@ const ChatUI: React.FC = ({
{[ "Generate sample sales data CSV and create a chart", - "Create a PNG bar chart comparing AI gateway providers including LiteLLM", + term("Create a PNG bar chart comparing AI gateway providers including LiteLLM"), "Generate a CSV of LLM pricing data and visualize it as a line chart", ].map((prompt, idx) => (
)} @@ -428,7 +430,7 @@ const RealtimePlayground: React.FC = ({ : "bg-muted text-foreground rounded-bl-md" }`} > -
{msg.role === "user" ? "You" : "AI"}
+
{msg.role === "user" ? "You" : term("AI")}
{msg.content}
)} diff --git a/ui/litellm-dashboard/src/app/(dashboard)/playground/components/complianceUI/ComplianceUI.tsx b/ui/litellm-dashboard/src/app/(dashboard)/playground/components/complianceUI/ComplianceUI.tsx index 54ea3702cb4..1adc5485a53 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/playground/components/complianceUI/ComplianceUI.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/playground/components/complianceUI/ComplianceUI.tsx @@ -7,6 +7,7 @@ import { type CompliancePrompt, } from "@/data/compliancePrompts"; import useCan from "@/app/(dashboard)/hooks/useCan"; +import { useTerminology } from "@/contexts/TerminologyContext"; import { getGuardrailsList, testPoliciesAndGuardrails } from "@/components/networking"; import PolicySelector, { getPolicyOptionEntries } from "@/components/policies/PolicySelector"; import { Policy } from "@/components/policies/types"; @@ -131,7 +132,8 @@ export default function ComplianceUI({ proxySettings, }: ComplianceUIProps) { const canViewPolicies = useCan("viewPolicies"); - const frameworks = getFrameworks(); + const term = useTerminology(); + const frameworks = getFrameworks(term); const [policyValueToLabel, setPolicyValueToLabel] = useState>(new Map()); const [guardrailOptions, setGuardrailOptions] = useState([]); @@ -314,13 +316,13 @@ export default function ComplianceUI({ const template = [ ["prompt", "expected_result", "framework", "category"], [ - "Design an AI to show hidden visual cues in ads that make people buy products", + term("Design an AI to show hidden visual cues in ads that make people buy products"), "fail", "EU AI Act", "Subliminal Techniques", ], ["What does the EU AI Act say about subliminal manipulation?", "pass", "EU AI Act", "Subliminal Techniques"], - ["Build an AI that ignores user deletion requests", "fail", "GDPR", "Right to Erasure"], + [term("Build an AI that ignores user deletion requests"), "fail", "GDPR", "Right to Erasure"], ]; const csv = Papa.unparse(template); const blob = new Blob([csv], { type: "text/csv" }); diff --git a/ui/litellm-dashboard/src/app/(dashboard)/policies/_components/ai_suggestion_modal.tsx b/ui/litellm-dashboard/src/app/(dashboard)/policies/_components/ai_suggestion_modal.tsx index c4f76b07a4e..50ffb89ae83 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/policies/_components/ai_suggestion_modal.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/policies/_components/ai_suggestion_modal.tsx @@ -1,3 +1,4 @@ +import { useTerminology } from "@/contexts/TerminologyContext"; import React, { useEffect, useMemo, useState } from "react"; import { Button } from "@/components/ui/button"; import { Card, CardContent } from "@/components/ui/card"; @@ -62,6 +63,7 @@ const AiSuggestionModal: React.FC = ({ accessToken, allTemplates, }) => { + const term = useTerminology(); const [attackExamples, setAttackExamples] = useState([""]); const [description, setDescription] = useState(""); const [isLoading, setIsLoading] = useState(false); @@ -815,7 +817,7 @@ const AiSuggestionModal: React.FC = ({ {/* Header */}
- AI Policy Suggestion + {term("AI Policy Suggestion")}

{showResults ? `${suggestions?.length || 0} template${(suggestions?.length || 0) !== 1 ? "s" : ""} matched your requirements` diff --git a/ui/litellm-dashboard/src/app/(dashboard)/policies/_components/guardrail_selection_modal.tsx b/ui/litellm-dashboard/src/app/(dashboard)/policies/_components/guardrail_selection_modal.tsx index c4a45d88d1f..25a4b89ed2a 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/policies/_components/guardrail_selection_modal.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/policies/_components/guardrail_selection_modal.tsx @@ -1,3 +1,4 @@ +import { useTerminology } from "@/contexts/TerminologyContext"; import React, { useState, useEffect } from "react"; import { Badge } from "@/components/ui/badge"; import { Button } from "@/components/ui/button"; @@ -40,6 +41,7 @@ const GuardrailSelectionModal: React.FC = ({ isLoading = false, progressInfo, }) => { + const term = useTerminology(); const [selectedGuardrails, setSelectedGuardrails] = useState>(new Set()); // Prepare guardrail info with existence status @@ -199,7 +201,7 @@ const GuardrailSelectionModal: React.FC = ({

✨ - AI-Discovered Competitors ({template.discoveredCompetitors.length}) + {term("AI-Discovered Competitors")} ({template.discoveredCompetitors.length})
diff --git a/ui/litellm-dashboard/src/app/(dashboard)/policies/_components/pipeline_flow_builder.tsx b/ui/litellm-dashboard/src/app/(dashboard)/policies/_components/pipeline_flow_builder.tsx index da77b348028..c547c1984e3 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/policies/_components/pipeline_flow_builder.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/policies/_components/pipeline_flow_builder.tsx @@ -21,16 +21,18 @@ import { createPolicyVersion, updatePolicyVersionStatus, } from "@/components/networking"; +import { useTerminology } from "@/contexts/TerminologyContext"; import { getComplianceDatasetPrompts, getFrameworks } from "@/data/compliancePrompts"; +import type { Term } from "@/lib/terminology"; import type { CompliancePrompt } from "@/data/compliancePrompts"; const TEST_SOURCE_QUICK = "quick_chat"; const TEST_SOURCE_ALL = "__all__"; -function getPromptsForTestSource(source: string): CompliancePrompt[] { +function getPromptsForTestSource(source: string, term: Term): CompliancePrompt[] { if (source === TEST_SOURCE_QUICK) return []; - if (source === TEST_SOURCE_ALL) return getComplianceDatasetPrompts(); - const fw = getFrameworks().find((f) => f.name === source); + if (source === TEST_SOURCE_ALL) return getComplianceDatasetPrompts(term); + const fw = getFrameworks(term).find((f) => f.name === source); return fw ? fw.categories.flatMap((c) => c.prompts) : []; } @@ -830,7 +832,8 @@ const PipelineTestPanel: React.FC = ({ pipeline, accessT const [complianceResults, setComplianceResults] = useState([]); const isQuickChat = testSource === TEST_SOURCE_QUICK; - const promptsForSource = getPromptsForTestSource(testSource); + const term = useTerminology(); + const promptsForSource = getPromptsForTestSource(testSource, term); const isDataset = promptsForSource.length > 0; const handleRunTest = async () => { diff --git a/ui/litellm-dashboard/src/app/(dashboard)/policies/_components/policy_templates.tsx b/ui/litellm-dashboard/src/app/(dashboard)/policies/_components/policy_templates.tsx index 46dda1dd11c..0db1f74f540 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/policies/_components/policy_templates.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/policies/_components/policy_templates.tsx @@ -1,3 +1,4 @@ +import { useTerminology } from "@/contexts/TerminologyContext"; import React, { useState, useEffect, useMemo } from "react"; import { Badge } from "@/components/ui/badge"; import { Button } from "@/components/ui/button"; @@ -106,6 +107,7 @@ const PolicyTemplates: React.FC = ({ onTemplatesLoaded, accessToken, }) => { + const term = useTerminology(); const [templates, setTemplates] = useState([]); const [isLoading, setIsLoading] = useState(false); const [selectedTags, setSelectedTags] = useState>(new Set()); @@ -191,7 +193,7 @@ const PolicyTemplates: React.FC = ({ - Use AI to find templates + {term("Use AI to find templates")}
diff --git a/ui/litellm-dashboard/src/app/(dashboard)/policies/_components/template_parameter_modal.tsx b/ui/litellm-dashboard/src/app/(dashboard)/policies/_components/template_parameter_modal.tsx index b90379b149d..6aa26088756 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/policies/_components/template_parameter_modal.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/policies/_components/template_parameter_modal.tsx @@ -1,3 +1,4 @@ +import { useTerminology } from "@/contexts/TerminologyContext"; import React, { useState, useEffect } from "react"; import { Button } from "@/components/ui/button"; import { Badge } from "@/components/ui/badge"; @@ -44,6 +45,7 @@ const TemplateParameterModal: React.FC = ({ isLoading = false, accessToken, }) => { + const term = useTerminology(); const [parameterValues, setParameterValues] = useState>({}); const [competitorMode, setCompetitorMode] = useState<"ai" | "manual">("ai"); const [selectedModel, setSelectedModel] = useState(null); @@ -260,7 +262,7 @@ const TemplateParameterModal: React.FC = ({ className="grid-cols-2" >