Skip to content

Conversation

@saucecodeme
Copy link
Owner

Implement AI-powered todo planning feature that breaks down complex tasks into actionable sub-tasks:

  • Install @anthropic-ai/sdk for Claude AI integration
  • Add Bot icon beside Tag icon in edit mode
  • Create /api/ai/plan-todo endpoint to process AI requests
  • Implement client-side handler to send todo title and description to Claude
  • Parse and console.log AI-generated sub-tasks in structured format

Features:

  • Click the Bot icon in edit mode to trigger AI planning
  • Claude AI analyzes the todo and creates a step-by-step breakdown
  • Sub-tasks are displayed in console with title and description
  • Toast notifications for user feedback during AI processing

Changes:

  • .env.example: Add ANTHROPIC_API_KEY environment variable
  • package.json: Add @anthropic-ai/sdk dependency
  • server/routes/ai.routes.ts: New endpoint for AI todo planning
  • server/index.ts: Register AI routes
  • client/src/components/tui/todo.tsx: Add Bot icon and handleAIPlan prop
  • client/src/routes/todos.tsx: Implement handleAIPlan function with API call and console logging

Usage:

  1. Set ANTHROPIC_API_KEY in .env file
  2. Double-click a todo to enter edit mode
  3. Click the Bot icon to trigger AI planning
  4. Check browser console for generated sub-tasks

Implement AI-powered todo planning feature that breaks down complex tasks into actionable sub-tasks:
- Install @anthropic-ai/sdk for Claude AI integration
- Add Bot icon beside Tag icon in edit mode
- Create /api/ai/plan-todo endpoint to process AI requests
- Implement client-side handler to send todo title and description to Claude
- Parse and console.log AI-generated sub-tasks in structured format

Features:
- Click the Bot icon in edit mode to trigger AI planning
- Claude AI analyzes the todo and creates a step-by-step breakdown
- Sub-tasks are displayed in console with title and description
- Toast notifications for user feedback during AI processing

Changes:
- .env.example: Add ANTHROPIC_API_KEY environment variable
- package.json: Add @anthropic-ai/sdk dependency
- server/routes/ai.routes.ts: New endpoint for AI todo planning
- server/index.ts: Register AI routes
- client/src/components/tui/todo.tsx: Add Bot icon and handleAIPlan prop
- client/src/routes/todos.tsx: Implement handleAIPlan function with API call and console logging

Usage:
1. Set ANTHROPIC_API_KEY in .env file
2. Double-click a todo to enter edit mode
3. Click the Bot icon to trigger AI planning
4. Check browser console for generated sub-tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants