**THIS TASK IS STILL A DRAFT AS RELATED TASKS GET CREATED**
---
When the user first encounters the help panel after clicking a suggested edit, they will be on an article in read mode, and the panel will be displaying the "suggested edit screen". This screen will also display in edit mode. It is identical across the two modes, except for its footer. The actual written content of the screen is covered in (TASK NUMBER).
The specifications here follow along with the corresponding prototypes. Where they differ, the written specifications take precedent:
* [[ https://oacaib.axshare.com/ | Desktop prototype ]]
* [[ https://ny2e57.axshare.com/ | Mobile prototype ]]
===Header and body===
* **Header**: the header of the panel should read "Suggested edit"
* **Header section**
** Contains the edit type, e.g. "Copyedit" or "Find references"
** Contains the difficulty level, e.g. "Medium"
** Contains the estimated time, e.g. "3 - 5 minutes"
** Contains the suggested edit graphic of a pencil/ruler/lightbulb.
** This is exact same content that is used in the task explanation widget (T235046), shown in the screenshot below.
{F31552755}
** This content should be displayed the exact same way in the mobile peek (see T244434).
* **Quick start tips**
** This is the only content on the panel in the first version.
** There should be a header that reads "Quick start tips". There should //not// be a chevron beside that header as shown in the prototype, because there won't be other content.
** There will be a series of tips that contain text, links, and potentially small images. The content and number of tips may need to vary between task types, platforms, languages, and editors. There will be no more than 8.
** The tips have numbered tabs starting at 1.
** The user can click on a tab to go to that tip.
** The content of the tips is covered in (TASK NUMBER).
** The tips auto-advance every five seconds until the user has interacted with the panel in some way. Once the user interacts with the panel, the tips stay on whichever one they were on when the user interacted. This specification extends across the reading and editing experiences, i.e. if the user has not interacted with the panel in read mode, the tips should still be auto-advancing when the user gets to edit mode.
* **FAQ**: underneath the quick start tips at the bottom of the body area should be a blue link that reads, "Suggested edit FAQ" preceded by a blue lightbulb icon.
=== Footer ===
This is the only way in which the suggested edit screen differs between read and edit mode.
* **Read mode**:
** On mobile, the footer says, "Ready? Tap the edit pencil on the article to start."
** On desktop, the footer says, "Ready? Click "Edit" to get started."
* **Edit mode**: the footer contains a back button, which brings the user back to the root screen (see {T244546}).