index.htmlā¢2.59 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PyForge</title>
<style>
:root {
--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--background-primary: #1e1e1e;
--background-secondary: #252526;
--background-tertiary: #333333;
--border-color: #444444;
--text-primary: #cccccc;
--text-secondary: #999999;
--accent-primary: #007acc;
--accent-secondary: #3f9ff6;
--error-color: #f44747;
--font-size-small: 12px;
--font-size-normal: 14px;
}
body {
margin: 0;
font-family: var(--font-family);
background-color: var(--background-primary);
color: var(--text-primary);
overflow: hidden;
height: 100vh;
width: 100vw;
font-size: var(--font-size-normal);
}
#root {
height: 100%;
width: 100%;
}
* {
box-sizing: border-box;
}
/* Custom scrollbar */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: var(--background-secondary);
}
::-webkit-scrollbar-thumb {
background: var(--background-tertiary);
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #555;
}
</style>
<script type="importmap">
{
"imports": {
"react": "https://esm.sh/react@18.2.0",
"react-dom/client": "https://esm.sh/react-dom@18.2.0/client",
"@modelcontextprotocol/sdk/": "https://aistudiocdn.com/@modelcontextprotocol/sdk@^1.21.0/dist/esm/",
"zod": "https://aistudiocdn.com/zod@^4.1.12",
"pyodide": "https://aistudiocdn.com/pyodide@^0.25.1",
"react-dom/": "https://aistudiocdn.com/react-dom@^19.2.0/",
"react/": "https://aistudiocdn.com/react@^19.2.0/",
"xterm": "https://esm.sh/xterm@5.3.0",
"xterm-addon-fit": "https://esm.sh/xterm-addon-fit@0.8.0",
"xterm/css/xterm.css": "https://esm.sh/xterm@5.3.0/css/xterm.css",
"xterm/": "https://aistudiocdn.com/xterm@^5.3.0/",
"path": "https://aistudiocdn.com/path@^0.12.7",
"util": "https://aistudiocdn.com/util@^0.12.5",
"fs/": "https://aistudiocdn.com/fs@^0.0.1-security/",
"child_process": "https://aistudiocdn.com/child_process@^1.0.2"
}
}
</script>
<link rel="stylesheet" href="/index.css">
</head>
<body>
<div id="root"></div>
<script type="module" src="/index.tsx"></script>
</body>
</html>