//Corresponding task from "add a link": {T269644}//
---
When the user is in suggestions mode from {T289829}, but before they have selected "yes/no/skip", the image inspector should be open (unless they collapse it). The image inspector is the place where the action happens of accepting, rejecting, or skipping.
* **Location**
** The link inspector is a card at the bottom of the screen.
** When the user arrives on the page, it should animate in, like it is being "uncollapsed" per {T287404}.
* **Header**
** Starts with the robot icon.
** Copy TBD
** Should be collapsible as the link inspector as per {T287404}.
** Like the link inspector, the far right of the header has a "?" icon, which opens the help panel.
* **Content** - !!The following section is still TBC pending final mocks from user testing.!!
** Suggested image
*** The API will frequently provide multiple image suggestions. We should always offer the first one, which is the highest confidence one. For this iteration, we should ignore the other suggestions beyond the first one.
** {T290911}
** {T290540}
** Below the thumbnail, there should be text: "Add this image to the start of the article?"
* **Actions**
** At the bottom of the card are the action buttons.
** Yes: has a checkmark and the word "Yes". This button triggers the caption stage. See [TASK TO BE CREATED].
** No: has an X and the word "No". This button triggers the rejection dialog. See {T290046}.
** {T290910}
** When the user hits escape, the image inspector should be closed //and// the article's read mode is shown. This is different from default VE dialogs where these are separate actions (the first escape closes the dialog, leaves the user in edit mode and the second escape puts the article in read mode).
* **RTL**
** Note that the whole card should be flipped for RTL languages. In addition to the header and buttons, this would put the image thumbnail on the righthand side and the metadata on the left.
//Mockups as of 2021-08-30:// {F34626137}
**NOTE:** Refer to Figma for up-to-date detailed redline mocks and specs:
!!https://www.figma.com/file/ULhJr1isDstRbGE5vjYDsr/Add-images-structured-task-%5BGrowth%5D?node-id=2342%3A8050!!