Commit Graph

5 Commits

  • Fix project isolation: Make loadChatHistory respect active project sessions
    - Modified loadChatHistory() to check for active project before fetching all sessions
    - When active project exists, use project.sessions instead of fetching from API
    - Added detailed console logging to debug session filtering
    - This prevents ALL sessions from appearing in every project's sidebar
    
    Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
  • Fix folder explorer error reporting and add logging
    - Show actual server error message when project creation fails
    - Add console logging to debug project creation
    
    Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
  • Implement terminal approval UI system
    Phase 1: Backend approval tracking
    - Add PendingApprovalsManager class to track pending approvals
    - Add approval-request, approval-response, approval-expired WebSocket handlers
    - Add requestApproval() method to ClaudeCodeService
    - Add event forwarding for approval requests
    
    Phase 2: Frontend approval card component
    - Create approval-card.js with interactive UI
    - Create approval-card.css with styled component
    - Add Approve, Custom Instructions, Reject buttons
    - Add expandable custom command input
    
    Phase 3: Wire up approval flow end-to-end
    - Add handleApprovalRequest, handleApprovalConfirmed, handleApprovalExpired handlers
    - Add detectApprovalRequest() to parse AI approval request patterns
    - Integrate approval card into WebSocket message flow
    - Route approval responses based on source (server vs AI conversational)
    
    This allows the AI agent to request command approval through a clean
    UI instead of confusing conversational text responses.
    
    Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
  • 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>
  • 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>