SuperCharged-Claude-Code-Upgrade

Files

uroma b765c537fc feat: Implement CodeMirror 6 file editor with tab support

Implement Phase 1 of the file editor & chat UI redesign:
- CodeMirror 6 integration with syntax highlighting
- Multi-file tab support with dirty state tracking
- Custom dark theme matching GitHub's color scheme
- Keyboard shortcuts (Ctrl+S to save, Ctrl+W to close tab)
- Mobile-responsive design with proper touch targets
- Fallback to basic textarea if CodeMirror fails to load

Technical details:
- Import map for ESM modules from node_modules
- Language support for JS, Python, HTML, CSS, JSON, Markdown
- Auto-initialization on DOM ready
- Global window.fileEditor instance for integration
- Serve node_modules at /claude/node_modules for import map

Files added:
- public/claude-ide/components/file-editor.js (main component)
- public/claude-ide/components/file-editor.css (responsive styles)

Files modified:
- public/claude-ide/index.html (import map, script tags)
- public/claude-ide/ide.js (updated loadFile function)
- server.js (serve node_modules for CodeMirror)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

b765c537fc · 2026-01-21 08:49:01 +00:00

History

components

feat: Implement CodeMirror 6 file editor with tab support

2026-01-21 08:49:01 +00:00

chat-enhanced.css

Fix multiple critical bugs: continueSessionInChat, projects link, mode buttons

2026-01-21 07:03:04 +00:00

chat-enhanced.js

Initial commit: Obsidian Web Interface for Claude Code

2026-01-19 16:29:44 +00:00

chat-functions.js