"use client"; import { Item, ItemActions, ItemContent, ItemDescription, ItemTitle, } from "@/components/ui/item"; import { Switch } from "@/components/ui/switch"; import { useI18n } from "@/core/i18n/hooks"; import { MCPConfigRequestError } from "@/core/mcp/api"; import { useMCPConfig, useEnableMCPServer } from "@/core/mcp/hooks"; import type { MCPServerConfig } from "@/core/mcp/types"; import { env } from "@/env"; import { SettingsSection } from "./settings-section"; export function ToolSettingsPage() { const { t } = useI18n(); const { config, isLoading, error } = useMCPConfig(); const adminRequired = error instanceof MCPConfigRequestError && error.isAdminRequired; return ( {isLoading ? (

{t.common.loading}

) : adminRequired ? (

{t.settings.tools.adminRequired}

) : error ? (

Error: {error.message}

) : ( config && )} ); } function MCPServerList({ servers, }: { servers?: Record; }) { const { t } = useI18n(); const { mutate: enableMCPServer } = useEnableMCPServer(); const entries = Object.entries(servers ?? {}); if (entries.length === 0) { return (

{t.settings.tools.empty}

); } return (

{entries.map(([name, config]) => (

{name}

{config.description} enableMCPServer({ serverName: name, enabled: checked }) } /> ))}

); }