search

defenseunicorns / leapfrogai

Production-ready Generative AI for local, cloud native, airgap, and edge deployments.
https://leapfrog.ai
Apache License 2.0
259 stars 29 forks source link

feat(ui) Edit Assistant #434

Closed gregclark-defenseunicorns closed 6 months ago

gregclark-defenseunicorns commented 7 months ago

User Story

As a LFAI user I want edit my assistants So that I can have control over the assistants I use

Acceptance Criteria

Given I am on the "Assistants Management" page When I click on the 3 dot menu on any assistant tile Then the "Edit" and "Delete" options display in the overflow menu And When I click on the "Edit" option Then I am navigated to the "Edit Assistant" page for the respective assistant

Given I am on an "Edit Assistant" page When I hover on the profile circle Then I see an edit icon displays on top of a background opacity (color: Background 80%) And When I click on the edit icon Then the "Avatar Image" Modal displays

~Given the assistant has a file uploaded for the avatar image When the "Avatar Image" Modal displays Then the "Upload" tab is active And I see the profile circle displaying the uploaded file And I see 2 tertiary Buttons reading "Change" with an edit icon and "Remove" with a trash icon And 2 Buttons reading "Cancel" and "Save"~

~When I click on the "Change" Button Then the file explorer window is opened And only .jpg and .png files are selectable And When I select and upload an image (.jpg or .png) Then the file explorer window closes And the profile circle is updated And displays the new image~

~When I click the remove Button Then the image is deleted And the File Uploader displays the empty state And I see the label text "Upload image" And I see the description "Supported file types are .jpg and .png." And I see a tertiary Button reading "Upload from computer" with the Upload icon~

~When I click the "Upload from computer" Button Then the file explorer window is opened And only .jpg and .png files are selectable And When I select and upload an image (.jpg or .png) Then the file explorer window closes And the profile circle is updated And displays the new image~

~When I click the "Cancel" Button Then all changes are deleted And the Modal closes~

~When I click the "Save" Button and NO image is uploaded Then the File Uploader goes into an error state And displays the following message "Upload Required"~

~When I click the "Save" Button and an image is uploaded Then the Modal closes And the avatar image is updated~

~Given the assistant has a Pictogram as its avatar When the "Avatar Image" Modal displays Then the "Pictogram" tab is active And I see a Search input And I see a grid of all the Carbon Pictograms (see library below) And I see the respective Pictogram selected for my assistant And 2 Button reading "Cancel" and "Save"~

~When I type into the Search input Then the Pictograms that have the inputted text in their name display And all other Pictograms disappear~

~When I click the "Cancel" Button Then all changes are deleted And the Modal closes~

~When I click the "Save" Button Then the Modal closes And the avatar image is updated~

Additional context

~Pictograms Library~

Design Links

gregclark-defenseunicorns commented 6 months ago

Moved avatar acceptance criteria to another story