Val Town Code SearchReturn to Val Town

1@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
2
3:root {

15
16export interface AppConfig {
17  anthropicApiKey: string;
18  mcpServers: MCPServerConfig[];
19  selectedModel: string;
40export default function App() {
41  const [config, setConfig] = useState<AppConfig>({
42    anthropicApiKey: "",
43    mcpServers: [],
44    selectedModel: "claude-3-5-sonnet-20241022",
55  // Load config from localStorage on mount
56  useEffect(() => {
57    const savedApiKey = localStorage.getItem("anthropic_api_key");
58    const savedMcpServers = localStorage.getItem("mcp_servers");
59    const savedMessages = localStorage.getItem("chat_messages");
64    let mcpServers = savedMcpServers ? JSON.parse(savedMcpServers) : DEFAULT_MCP_SERVERS;
65    setConfig({
66      anthropicApiKey: savedApiKey || "",
67      mcpServers: mcpServers,
68      selectedModel: savedModel || "claude-3-5-sonnet-20241022",
81    }
82
83    // Show settings if no API key is configured
84    if (!savedApiKey) {
85      setShowSettings(true);
86    }
89  // Save config to localStorage when it changes
90  useEffect(() => {
91    if (config.anthropicApiKey) {
92      localStorage.setItem("anthropic_api_key", config.anthropicApiKey);
93    }
94    localStorage.setItem("mcp_servers", config.mcpServers?.length ? JSON.stringify(config.mcpServers) : "");