feat: AI auto-fix bug tracker with real-time error monitoring

- Real-time error monitoring system with WebSocket
- Auto-fix agent that triggers on browser errors
- Bug tracker dashboard with floating button (🐛)
- Live activity stream showing AI thought process
- Fixed 4 JavaScript errors (SyntaxError, TypeError)
- Fixed SessionPicker API endpoint error
- Enhanced chat input with Monaco editor
- Session picker component for project management

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
uroma
2026-01-21 10:53:11 +00:00
Unverified
parent b765c537fc
commit efb3ecfb19
23 changed files with 7254 additions and 119 deletions

View File

@@ -10,41 +10,13 @@
<link rel="stylesheet" href="/claude/claude-ide/preview-manager.css">
<link rel="stylesheet" href="/claude/claude-ide/chat-enhanced.css">
<link rel="stylesheet" href="/claude/claude-ide/terminal.css">
<link rel="stylesheet" href="/claude/claude-ide/components/file-editor.css">
<link rel="stylesheet" href="/claude/claude-ide/components/monaco-editor.css">
<link rel="stylesheet" href="/claude/claude-ide/components/enhanced-chat-input.css">
<link rel="stylesheet" href="/claude/claude-ide/components/session-picker.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css">
<!-- Import Map for CodeMirror 6 -->
<script type="importmap">
{
"imports": {
"@codemirror/state": "/claude/node_modules/@codemirror/state/dist/index.cjs",
"@codemirror/view": "/claude/node_modules/@codemirror/view/dist/index.cjs",
"@codemirror/commands": "/claude/node_modules/@codemirror/commands/dist/index.cjs",
"@codemirror/language": "/claude/node_modules/@codemirror/language/dist/index.cjs",
"@codemirror/autocomplete": "/claude/node_modules/@codemirror/autocomplete/dist/index.cjs",
"@codemirror/search": "/claude/node_modules/@codemirror/search/dist/index.cjs",
"@codemirror/lint": "/claude/node_modules/@codemirror/lint/dist/index.cjs",
"@codemirror/lang-javascript": "/claude/node_modules/@codemirror/lang-javascript/dist/index.cjs",
"@codemirror/lang-python": "/claude/node_modules/@codemirror/lang-python/dist/index.cjs",
"@codemirror/lang-html": "/claude/node_modules/@codemirror/lang-html/dist/index.cjs",
"@codemirror/lang-css": "/claude/node_modules/@codemirror/lang-css/dist/index.cjs",
"@codemirror/lang-json": "/claude/node_modules/@codemirror/lang-json/dist/index.cjs",
"@codemirror/lang-markdown": "/claude/node_modules/@codemirror/lang-markdown/dist/index.cjs",
"@codemirror/gutter": "/claude/node_modules/@codemirror/gutter/dist/index.cjs",
"@codemirror/fold": "/claude/node_modules/@codemirror/fold/dist/index.cjs",
"@codemirror/panel": "/claude/node_modules/@codemirror/panel/dist/index.cjs",
"@lezer/highlight": "/claude/node_modules/@lezer/highlight/dist/index.cjs",
"@lezer/common": "/claude/node_modules/@lezer/common/dist/index.cjs",
"@lezer/javascript": "/claude/node_modules/@lezer/javascript/dist/index.cjs",
"@lezer/python": "/claude/node_modules/@lezer/python/dist/index.cjs",
"@lezer/html": "/claude/node_modules/@lezer/html/dist/index.cjs",
"@lezer/css": "/claude/node_modules/@lezer/css/dist/index.cjs",
"@lezer/json": "/claude/node_modules/@lezer/json/dist/index.cjs",
"@lezer/markdown": "/claude/node_modules/@lezer/markdown/dist/index.cjs",
"@codemirror/basic-setup": "/claude/node_modules/@codemirror/basic-setup/dist/index.cjs"
}
}
</script>
<!-- Monaco Editor (VS Code Editor) - AMD Loader -->
<script src="https://unpkg.com/monaco-editor@0.45.0/min/vs/loader.js"></script>
</head>
<body>
<div id="app">
@@ -215,7 +187,7 @@
</button>
</div>
<div class="chat-input-container">
<div class="chat-input-container" id="chat-input-container">
<div class="chat-input-wrapper">
<textarea id="chat-input"
placeholder="Type your message to Claude Code... (Enter to send, Shift+Enter for new line)"
@@ -372,13 +344,17 @@
</div>
</div>
<script src="/claude/claude-ide/error-monitor.js"></script>
<script src="/claude/claude-ide/bug-tracker.js"></script>
<script src="/claude/claude-ide/ide.js"></script>
<script src="/claude/claude-ide/chat-functions.js"></script>
<script src="/claude/claude-ide/tag-renderer.js"></script>
<script src="/claude/claude-ide/preview-manager.js"></script>
<script src="/claude/claude-ide/chat-enhanced.js"></script>
<script src="/claude/claude-ide/terminal.js"></script>
<script type="module" src="/claude/claude-ide/components/file-editor.js"></script>
<script src="/claude/claude-ide/components/monaco-editor.js"></script>
<script src="/claude/claude-ide/components/enhanced-chat-input.js"></script>
<script src="/claude/claude-ide/components/session-picker.js"></script>
<!-- Debug Panel Toggle Script -->
<script>