[UX] Mockups for reporting agents/flows

Task description

Create mockups showing how the user can flag catalog items like agents and flows for their admin.

Proposal

Catalog user: Reporting a catalog item:

  • Add a Report to admin action to the overflow menu (On the catalog item's card and the catalog item's details page)
  • Show a confirmation modal where user describes the reason
  • Once submitted, send the admin a pre-filled email
  • Show a toast notification that the report was sent

Scenario_Report_Item

Admin: Receive a report and delete a catalog item:

  • Receives an auto-generated email with details about the catalog item, user, timestamp, and reason.
  • Clicks link in email or searches for catalog item.
  • Clicks on the overflow menu and selects Delete.
  • Confirms deletion. Sees a toast notification that the item was successfully deleted.
Example email content
Hello Admin,

GitLab user <username> flagged the AI Catalog <item.type> <Item.name> for review.

- Catalog item: <Item.name> 
- Reported by: <Username> at <time stamp>
- Reason:
    - <Radio button reason>
    - <Text area input if provided>

If everything looks okay, you can ignore this message.

To delete this <item.type>:

1. In GitLab, select **Search or go to** > **Explore**.
2. Select **AI Catalog**, then select <Item.name>.
3. On the upper right, select the overflow menu, then select **Delete**.
4. Choose the deletion method in the confirmation dialog, select **Delete**.

You can also use our GraphQL API to remove an item. Either:

- Recommended. Permanently delete an item:

  <pre><code>forceHardDelete mutation goes here</code></pre>

- Hide an item from the AI Catalog. The item is not deleted and can still be used:

  <pre><code>Soft delete mutation goes here</code></pre>

This is an automated message. Please don’t reply to this message.

Scenario_Admin_Delete_Item

Nice-to-have

  • Allow the admin to delete the catalog item via API. Show them command to run in the email.
  • Notify the reporting user if the catalog item is deleted.
  • Notify the item author or anyone who has run the catalog item in the last 30 days or currently has it included in flow that the item has been deleted.

Links

Edited by Taylor Vanderhelm