- Add stats bar showing completed/in-progress/total sessions count
- Add status filter tabs (All, Completed, In Progress)
- Add horizontal carousel display for recent sessions
- Add 'View All Sessions' expandable button
- Add visual divider between recent sessions and new session form
- Improve session cards with better information display
- Make sessions more discoverable and easier to access
- Add filtering and sorting capabilities for better UX
- Add deleteSection() method to collaborativeOrchestrator.js for removing sections by header
- Enable IAs to delete sections with 'DELETE: ## Section Name' format
- Modify mistralClient.js prompt to include deletion instructions
- Simplify working agent card UI: show only raised hand animation + agent name
- Remove thinking content display from working agent card for cleaner UX
The round-label was redundant since we already have 'Round N' displayed
in the progress section. Keeping just the round number (1, 2, 3...) in
the timeline entries for a cleaner, less cluttered UI.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Users can now see and click on previous sessions from the home page without
having to create a new session. Shows up to 6 most recent sessions with:
- Session ID and status (created/completed)
- First 100 chars of prompt
- Session creation date
Features:
- Fetches sessions from new GET /api/collaborate endpoint
- Clickable cards to open existing sessions
- Beautiful glassmorphic cards with hover effects
- Responsive grid layout
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Features:
- Session no longer redirects to home when converged
- Added 'Home' button to return to main page when session complete
- Simplified progress display: just shows 'Round N' instead of percentages
- Agents who didn't modify document appear in gray
- Better visual distinction between active and inactive agents
This provides better UX by keeping users on the session page until they
explicitly choose to start a new one, while still showing clear round
progress and agent contribution status.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Update frontend components to work with the new N-agents system (3-50 agents)
instead of fixed 7 roles. Each agent now has a random name and can modify
individual sections of the document.
Key changes:
- CollaborativeInput: Support dynamic agent count 3-50 via dropdown
- CollaborativeSession: Complete rewrite with N-agents, real-time thinking,
raised hand animation, automatic rounds, convergence logic, and stop button
- TimelinePanel: Updated to display dynamic agent names and updated progress calculation
- collaboration.js store: Fixed WebSocket message handlers to match new backend events
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Install marked and highlight.js for better markdown rendering
- Create nameGenerator service with 50 unique names
- Update DocumentViewer to use marked instead of regex parsing
- Add syntax highlighting for code blocks
- Improve styling for code with proper colors
- Remove all emojis from UI elements
- Redesign with two-column layout: timeline sidebar + content
- Implement automatic rounds without manual button
- Add persistent timeline panel with progress tracking
- Implement true convergence (all agents must agree)
- Add TimelinePanel component with progress bar
- Update styling with improved glasmorphism effects
- Clean up mentions of external tools
Remove unused debateId parameter from useWebSocket composable since
debate mode has been completely removed. Update CollaborativeSession
component to use simplified signature.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Implement dynamic background that fills entire viewport:
- Animated gradient that smoothly shifts colors every 15s
- Floating radial gradients (particles) that animate independently
- Multiple animation layers with different timings (20s, 25s)
- Content properly layered above background (z-index handling)
- Smooth, continuous animations that don't loop jarringly
Changes:
- App.vue: Full-screen animated background with pseudo-elements
- CollaborativeInput.vue: Same animated effect
- CollaborativeSession.vue: Full viewport background
- All components now use 100% available space
- Subtle visual interest without distracting from content
Result: Modern, premium feel with movement depth
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
Replace gradient backgrounds and solid colors with:
- Dark gradient backgrounds (#0f0c29, #302b63, #24243e)
- Semi-transparent glass cards with backdrop-filter blur
- Subtle white borders at 15-20% opacity
- Soft shadows for depth
- White text with appropriate opacity levels
- Consistent accent colors (blue/purple)
Components updated:
- CollaborativeInput: Main form with glass effect
- CollaborativeSession: Session header and panels
- DocumentViewer: Content display with dark theme
- NetworkStatus: Status indicator with glass
- App: Root background with gradient
Design features:
- Consistent spacing and border radius (12-20px)
- Smooth transitions on hover
- Accessible text contrast
- Professional, modern appearance
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
- Delete CHANGELOG.md (unnecessary documentation)
- Remove classic debate mode and all related components
- Simplify App.vue to single flow: input → session
- Redesign CollaborativeInput to accept optional context file (MD/TXT)
- Always output Markdown format (remove format selection)
- Add NetworkStatus component showing latency and network quality
- Network indicator auto-checks every 5 seconds with color-coded status
- File upload validation for .md and .txt formats only
- Cleaner, more focused user experience
Output format now always: Markdown
Input options: description (required) + context file (optional)
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
Add new iterative collaboration mode where Lead Architect creates initial document,
then 3-7 specialized agents review and refine it through sequential rounds until
convergence. Complete with WebSocket real-time updates, document versioning, and
timeline tracking.
Backend:
- New collaborativeOrchestrator service with round-based iteration logic
- Document versioning and diff tracking
- Three new DB tables: collaborative_sessions, document_versions, document_rounds
- New /api/collaborate routes for session management
- WebSocket support for sessionId in addition to debateId
Frontend:
- New collaboration store (Pinia) for session state management
- CollaborativeInput component for creating sessions with format/agent selection
- CollaborativeSession component with real-time document viewer and timeline
- DocumentViewer with basic Markdown rendering and text support
- App.vue refactored with mode selector (Classic Debate vs Collaborative Design)
- Enhanced useWebSocket composable supporting both debateId and sessionId
Features:
- 7 specialized agents: Lead Architect, Backend Engineer, Frontend Engineer, UI Designer, DevOps Engineer, Product Manager, Security Specialist
- Flexible document formats: Markdown (.md) and plain text (.txt)
- Automatic convergence detection when no changes in full round
- Complete modification history with who changed what and why
- Download final document in chosen format
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
- Add Mistral AI integration for agent responses
- Create mistralClient service with agent-specific prompts
- Support for architect, backend engineer, frontend engineer, and designer roles
- Automatic JSON response parsing and validation
- Implement WebSocket real-time communication
- Update orchestrator with WebSocket broadcasting
- Add client subscription system for debate updates
- Real-time agent response streaming
- Add consensus and voting system
- Calculate weighted consensus with architect priority
- Confidence-based voting mechanism
- Auto-complete debates when consensus reached
- Integrate Mermaid diagram rendering
- Support for embedded diagrams in agent responses
- Client-side Mermaid.js integration
- Auto-render diagrams on response updates
- Update frontend for real-time experience
- WebSocket composable for reactive updates
- Live status messages and response streaming
- Loading states and consensus display
- Add MIT License
- Create frontend with Vue 3 + Vite + Pinia
- PromptInput component for project description
- DebateThread component for displaying AI discussions
- Debate store for state management
- Create backend with Express + WebSocket + SQLite
- REST API for debate management
- Database schema for debates and responses
- Orchestrator service for AI agent coordination
- Update .gitignore for environment files and dependencies
