Skip to content

Commit 6a32c01

Browse files
olaservoclaude
olaservo
and
claude
committed
feat(client): add Mantine UI with MCP SDK integration
Complete Mantine-based UI for the MCP Inspector with: - App layout with responsive navigation - Server list page with mock data - Tools, Resources, Prompts pages with real MCP hooks - History and Logs pages with mock data - Tasks page for background task management - Sampling/Elicitation modals (standalone, no queue) - Server management modals (add, import, settings) - OAuth debugger modal - Roots configuration modal - Theme toggle (light/dark/auto) Uses mock data for storage-dependent features (pending #983). Client features (inline queue, tree view) will be added in PR #3. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1 parent 474f9b4 commit 6a32c01

61 files changed

Lines changed: 12207 additions & 1 deletion

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎client/index.html‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>MCP Inspector</title>
7+
<script>
8+
(function() {
9+
try {
10+
var cs = localStorage.getItem('mantine-color-scheme-value');
11+
if (cs === 'auto' || !cs) {
12+
cs = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
13+
}
14+
document.documentElement.setAttribute('data-mantine-color-scheme', cs);
15+
} catch (e) {}
16+
})();
17+
</script>
18+
</head>
19+
<body>
20+
<div id="root"></div>
21+
<script type="module" src="/src/main.tsx"></script>
22+
</body>
23+
</html>

0 commit comments

Comments
 (0)