Add Live Updates to JACoB Assigned-Tasks Workspace

kleneway commented 3 weeks ago

Description

Enhance the JACoB assigned-tasks workspace by implementing real-time live updates. When new events are received through the subscription (api.events.onAdd.useSubscription in TasksPage.tsx), the workspace should automatically update to display the specific component associated with the latest event related to the selected task. This ensures that users always see the most recent activity without needing to manually refresh the workspace.

Current Behavior

New events related to tasks are received via the subscription but do not trigger any UI updates.
Users must manually refresh or navigate to see the latest events and corresponding components.

Desired Behavior

Upon receiving a new event related to the selected task, the workspace should automatically update to display the appropriate component based on the event type.
- Terminal: Show the Terminal component for new command events.
- PullRequest: Display the PullRequest component when a pull request event occurs.
- Prompts: Render the Prompts component for new prompt events.
- (Continue mapping other TaskType values to their respective components as needed.)

Implementation Details

Event Handling:
- Listen for new events using api.events.onAdd.useSubscription in TasksPage.tsx.
- Filter events to determine if they are related to the currently selected task.

Component Rendering:

Utilize the event.type from the TaskType enumeration to decide which component to render.
Update the workspace UX to display the relevant component corresponding to the latest event in the events array.

export enum TaskType {
 task = "task",
 code = "code",
 design = "design",
 terminal = "terminal",
 plan = "plan",
 plan_step = "plan step",
 prompt = "prompt",
 issue = "issue",
 pull_request = "pull request",
 command = "command",
}

Data Management:
- Create a new TRPC route to fetch events for a given repository and issue ID.
- Ensure events are sorted from oldest to newest.
- As new events arrive, append them to the local events array using setState in TaskPage.tsx.

Acceptance Criteria

[ ] A new TRPC route is available to fetch events by repository and issue ID, returning them sorted from oldest to newest.
[ ] The workspace UI automatically updates to display the appropriate component based on the latest event type without manual refresh.
[ ] All existing functionalities remain unaffected by the addition of live updates.
[ ] Code follows best practices and includes necessary unit tests for the new features.