Val Town Code SearchReturn to Val Town

17
18export default function Settings({ config, onUpdateConfig, onClose }: SettingsProps) {
19  const [apiKey, setApiKey] = useState(config.anthropicApiKey);
20  const [mcpServers, setMcpServers] = useState<MCPServer[]>(config.mcpServers);
21  const [selectedModel, setSelectedModel] = useState(config.selectedModel);
36  const handleSave = () => {
37    onUpdateConfig({
38      anthropicApiKey: apiKey,
39      mcpServers: mcpServers,
40      selectedModel: selectedModel,
81
82    try {
83      const response = await fetch('/api/test-mcp', {
84        method: 'POST',
85        headers: {
154        </div>
155
156        {/* API Key Section */}
157        <div className="form-group">
158          <label className="form-label">Anthropic API Key</label>
159          <input
160            type="password"
161            value={apiKey}
162            onChange={(e) => setApiKey(e.target.value)}
163            placeholder="sk-ant-..."
164            className="form-input"
165          />
166          <div className="text-sm text-gray-600 mt-1">
167            Get your API key from{" "}
168            <a
169              href="https://console.anthropic.com/"

10
11// Test MCP server endpoint
12app.post("/api/test-mcp", async c => {
13  try {
14    const { url, authorization_token } = await c.req.json();