JACoB PR for Issue Enhance Plan Management Features on the TasksPage

[jacob-ai-bot[bot]]

Summary:

Description

We aim to improve the user experience on the TasksPage (/src/app/dashboard/[org]/[repo]/assigned-tasks/TasksPage.tsx) by allowing users to provide feedback on their current plan and manage plan steps more effectively. The following features should be implemented:

1. User Feedback on Plans

• Feedback Input:
  • Add an input field or modal on the TasksPage where users can enter feedback about the current plan.
  • Store the feedback temporarily until the user decides to regenerate the plan.

2. Implement "Redo Plan" Functionality

• Button Implementation:
  • Introduce a "Redo Plan" button on the TasksPage.
  • When clicked, it should:
  • Capture any feedback the user has provided.
  • Utilize the existing plan creation pathway to:
    • Remove the existing plan steps.
    • Generate new plan steps based on the user's feedback and the current plan.
  • Ensure that the regeneration process is seamless and provides the user with updated plan steps promptly.

3. Enable Adding New Plan Steps

• Create Plan Step Feature:
  • Allow users to manually add new plan steps directly from the TasksPage.
  • Provide a UI component (e.g., a form or modal) where users can input the details of the new plan step.
  • Validate the input to ensure all necessary information is provided.

4. Update the User Interface

• TasksPage UI Enhancements:
  • Update the UI to include:
  • A feedback input area for users to provide their thoughts on the plan.
  • The "Redo Plan" button, positioned intuitively for easy access.
  • An interface element for adding new plan steps.
  • Ensure that the new UI components are consistent with the application's design language and are responsive across devices.

5. Backend Support with TRPC Router Modifications

• TRPC Router Updates:
  • Verify if the TRPC router in /src/server/api/routers/planSteps.ts includes a createPlanStep function.
  • If it exists, ensure it handles the creation of new plan steps submitted from the frontend appropriately.
  • If it doesn't exist or needs enhancement, implement or update the function to support this feature.
  • Ensure that the router can handle the plan regeneration process when the "Redo Plan" button is used.
  • Accept user feedback and the current plan as inputs.
  • Remove existing plan steps and replace them with the newly generated ones.
  • Validate all data on the backend to maintain data integrity.

Expected Outcome

• Users can provide feedback on their plans directly within the TasksPage.
• The "Redo Plan" button effectively regenerates plan steps based on user feedback, replacing the old steps.
• Users can manually add new plan steps, and these steps are seamlessly integrated into their plans.
• The UI is updated to include these new features without compromising usability or aesthetics.
• The TRPC router handles new plan steps and plan regeneration, ensuring frontend actions are properly managed on the backend. @jacob-ai-bot --skip-build

Plan:

Step 1: Edit /src/app/dashboard/[org]/[repo]/assigned-tasks/TasksPage.tsx

Task: Enhance TasksPage with feedback input, 'Redo Plan' button, and add plan step UI

Instructions: Modify '/src/app/dashboard/[org]/[repo]/assigned-tasks/TasksPage.tsx' to:

• Add an input field or modal where users can enter feedback about the current plan.
• Add a 'Redo Plan' button that captures user feedback and triggers plan regeneration.
• Integrate an interface element (e.g., a button or link) that allows users to add new plan steps.
• Ensure the new UI components are consistent with the application's design language and are responsive across devices.

Exit Criteria: The TasksPage displays the feedback input area, the 'Redo Plan' button, and an interface element for adding new plan steps; the UI is responsive and consistent.

Step 2: Create /src/app/dashboard/[org]/[repo]/assigned-tasks/components/FeedbackInput.tsx

Task: Implement FeedbackInput component

Instructions: Create a new component 'FeedbackInput.tsx' that provides a UI for users to input feedback on their current plan. The component should include:

• A text area or input field for user feedback.
• Appropriate styling consistent with the application.
• Integration with TasksPage to store feedback temporarily until plan regeneration.

Exit Criteria: The FeedbackInput component is created, styled, and integrated into TasksPage, allowing users to input feedback.

Step 3: Create /src/app/dashboard/[org]/[repo]/assigned-tasks/components/AddPlanStepModal.tsx

Task: Implement AddPlanStepModal component

Instructions: Create a new component 'AddPlanStepModal.tsx' that provides a UI for users to manually add new plan steps. The component should include:

• Form fields for all necessary plan step details (type, title, instructions, filePath, exitCriteria).
• Input validation to ensure all required information is provided.
• Integration with TasksPage to display the modal when users choose to add a new plan step.

Exit Criteria: The AddPlanStepModal component is created, validated, and integrated into the TasksPage, allowing users to add new plan steps.

Step 4: Edit /src/server/api/routers/planSteps.ts

Task: Update TRPC router to support adding new plan steps and plan regeneration

Instructions: Modify '/src/server/api/routers/planSteps.ts' to:

• Verify if the 'create' function handles creation of new plan steps submitted from the frontend, and update it if necessary.
• Add a function to handle plan regeneration that:
  • Accepts user feedback and the current plan as inputs.
  • Removes existing plan steps for a given project and issue.
  • Triggers the plan generation process to create new plan steps based on user feedback.
• Ensure all data is validated on the backend to maintain data integrity.

Exit Criteria: The TRPC router can handle adding new plan steps and regenerating plans based on user feedback, with proper data validation.

Step 5: Edit /src/server/utils/plan.ts

Task: Update plan utility to regenerate plans based on user feedback

Instructions: Modify '/src/server/utils/plan.ts' to:

• Update the 'getOrGeneratePlan' function to accept user feedback as an optional parameter.
• If user feedback is provided, incorporate it into the plan generation prompts to create a new plan based on the feedback.
• Ensure existing plan steps are removed before generating new ones when plan regeneration is requested.

Exit Criteria: The plan utility can regenerate plans incorporating user feedback, replacing existing plan steps.

Step 6: Edit /src/server/agent/plan.ts

Task: Incorporate user feedback into plan generation in plan.ts

Instructions: Modify '/src/server/agent/plan.ts' to:

• Update the 'createPlan' function to accept user feedback as an optional parameter.
• If user feedback is provided, include it in the system and user prompts used for AI model plan generation.
• Ensure that the plan generation process effectively utilizes the user feedback to produce updated plan steps.

Exit Criteria: The plan generation process incorporates user feedback to create new plan steps when regenerating a plan.

[jacob-ai-bot[bot]]

Hello human! 👋

This PR was created by JACoB to address the issue Enhance Plan Management Features on the TasksPage

Next Steps

1. Please review the PR carefully. Auto-generated code can and will contain subtle bugs and mistakes.

2. If you identify code that needs to be changed, please reject the PR with a specific reason. Be as detailed as possible in your comments. JACoB will take these comments, make changes to the code and push up changes. Please note that this process will take a few minutes.

3. Once the code looks good, approve the PR and merge the code.