Skip to content

Feature: GenAI report page #51

@FadyGergesRezk

Description

@FadyGergesRezk

Implement the GenAI report page, surfacing the AI-generated member progress report from the helper service.

Priority: P2

API endpoints used

Method Endpoint Description
GET /helper/report/{member_id} Generate and return a plain-text progress report for a member

Tasks

  • Create the src/features/helper/ folder; this feature folder does not exist yet and must be created as part of this issue
  • Add src/features/helper/api/queries.ts with a useGenerateReport hook using TanStack Query; the query should be disabled by default and triggered manually (not on mount)
  • Add src/features/helper/api/query-keys.ts for structured query keys
  • Add a dedicated route /helper in AppRouter.tsx with a nav link labelled "GenAI Report"
  • Build a page with a member selector (dropdown populated from GET /members) and a "Generate Report" Button
  • On button click, trigger the query for the selected member ID and display the returned plain-text report in a readable card or pre-formatted block
  • Show a loading state while the report is being generated (the GenAI service may take several seconds)
  • Show an error state if the request fails

Acceptance criteria

  • Selecting a member and clicking "Generate Report" fetches and displays the plain-text report
  • The button is disabled and shows a loading indicator while the request is in flight
  • Selecting a different member and regenerating replaces the previous report
  • If /helper/report/{member_id} is unavailable, the UI shows a clear error state

Metadata

Metadata

Assignees

No one assigned

    Labels

    clientIssue regarding the client frontendenhancementNew feature or requestgenAIIssue regarding the GenAi service

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions