feat(chat): implement real-time chat system for human-agent collaboration

[jbdevprimary]

Summary

Implements Issue #12 - Real-time chat system for human-agent collaboration.

ChatService (src/services/chat/)

• Thread management (create, delete, pin, mark as read)
• Message handling with streaming support
• Approval workflow (request/respond to agent actions)
• Search across threads
• Event system for real-time updates
• Typing indicators
• Abort/cancel support for long-running requests

UI Components (src/components/chat/)

• ChatMessage: Renders messages with support for text, code, and approval types
• ChatThread: Scrollable message list with auto-scroll and typing indicators
• ChatInput: Input field with send functionality
• ThreadList: Thread list with pinned/recent sections and unread badges
• ApprovalCard: Action approval UI with approve/reject buttons
• CodeBlock: Code display with language header and copy functionality

Tests

• 129 total tests passing (8 test suites)
• Comprehensive ChatService tests covering all functionality

All components follow ThumbCode brand guidelines with organic daube styling.

Test plan

• Run pnpm test - all 129 tests pass
• Run pnpm lint - no errors
• Run pnpm tsc --noEmit - no type errors
• CI workflow validates changes

Closes #12

🤖 Generated with Claude Code

[coderabbitai]

Warning

Rate limit exceeded

@jbdevprimary has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 8 minutes and 44 seconds before requesting another review.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

📥 Commits

Reviewing files that changed from the base of the PR and between 45b3410 and 61d4fc1.

📒 Files selected for processing (11)

• src/components/chat/ApprovalCard.tsx
• src/components/chat/ChatInput.tsx
• src/components/chat/ChatMessage.tsx
• src/components/chat/ChatThread.tsx
• src/components/chat/CodeBlock.tsx
• src/components/chat/ThreadList.tsx
• src/components/chat/index.ts
• src/services/chat/ChatService.ts
• src/services/chat/__tests__/ChatService.test.ts
• src/services/chat/index.ts
• src/services/index.ts

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[sonarqubecloud]

Quality Gate failed

Failed conditions
15.2% Coverage on New Code (required ≥ 80%)

See analysis details on SonarQube Cloud