Simplify MCP connection handling and remove health checks

- Remove auth type selection from UI - servers will auto-detect OAuth when needed
- Remove auto-reconnect logic and health checks to reduce complexity
- Always initialize OAuth provider for all connections
- Simplify transport selection - always try streamable-http first, then SSE
- Remove unused config options (transport preference, auto-reconnect)
- Add TODO comment about CORS issues for failed fetch errors
- Make authType and transport optional in connection types
- Clean up connection state notifications for better UI updates

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Jerome 2025-06-18 18:33:55 +01:00
commit 728fea3665
No known key found for this signature in database

View file

@ -9,7 +9,6 @@ export function MCPTab() {
const [showAddForm, setShowAddForm] = useState(false);
const [newServerName, setNewServerName] = useState('');
const [newServerUrl, setNewServerUrl] = useState('');
const [authType, setAuthType] = useState<'none' | 'oauth'>('none');
// Collapsible section states
const [showSummary, setShowSummary] = useState(true);
@ -21,7 +20,6 @@ export function MCPTab() {
await addMcpServer({
name: 'Example Server',
url: 'https://example-server.modelcontextprotocol.io/sse',
authType: 'oauth',
});
} catch (error) {
console.error('Failed to add example server:', error);
@ -36,13 +34,11 @@ export function MCPTab() {
await addMcpServer({
name: newServerName,
url: newServerUrl,
authType,
});
// Reset form
setNewServerName('');
setNewServerUrl('');
setAuthType('none');
setShowAddForm(false);
} catch (error) {
console.error('Failed to add custom server:', error);
@ -175,21 +171,6 @@ export function MCPTab() {
required
/>
</div>
<div>
<label className="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1">
Authentication
</label>
<select
value={authType}
onChange={(e) => setAuthType(e.target.value as 'none' | 'oauth')}
className="w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
>
<option value="none">None</option>
<option value="oauth">OAuth</option>
</select>
</div>
<button
type="submit"
disabled={isLoading || !newServerName.trim() || !newServerUrl.trim()}