diff --git a/ui/desktop/frontend/src/components/mcp/McpFormDialog.tsx b/ui/desktop/frontend/src/components/mcp/McpFormDialog.tsx
index 5fde3dc7..eb3b5253 100644
--- a/ui/desktop/frontend/src/components/mcp/McpFormDialog.tsx
+++ b/ui/desktop/frontend/src/components/mcp/McpFormDialog.tsx
@@ -3,17 +3,14 @@ import { useForm } from 'react-hook-form'
import { zodResolver } from '@hookform/resolvers/zod'
import { useTranslation } from 'react-i18next'
import { Switch } from '../common/Switch'
-import { McpTestResult } from './mcp-test-result'
+import { McpTestResult as McpTestResultDisplay } from './mcp-test-result'
import { McpTransportFields } from './mcp-transport-fields'
import { mcpFormSchema, type MCPFormData } from '../../schemas/mcp.schema'
+import { slugify } from '../../lib/slug'
import type { MCPServerData, MCPServerInput, MCPTestResult } from '../../types/mcp'
const TRANSPORTS = ['stdio', 'sse', 'streamable-http'] as const
-function slugify(v: string): string {
- return v.toLowerCase().replace(/[^a-z0-9-]/g, '-').replace(/-+/g, '-').replace(/^-/, '')
-}
-
interface McpFormDialogProps {
open: boolean
onOpenChange: (open: boolean) => void
@@ -195,7 +192,7 @@ export function McpFormDialog({ open, onOpenChange, server, onSubmit, onTest }:
{/* Footer */}
-
+