US1. Document, states and interactions

As an editor I want to click on a document and access editing options so that I can quickly modify it or perform contextual actions on it.

Acceptance criteria

The user clicks a subdocument to get into edit mode (same as clicking text)
The user can click the title of the subdocument anytime and enter it.
The user can click in the white area or image of the subdocument anytime and select it.
The user can hover on the document to understand is clickable.
The document just have 1 interaction which is click - no hover
User can access all the options related to a subdocument accessing a contextual menu (3 dots) with options when is selected.
When a new document is created, keeps the horizontal format for the visualization→ Doc. draft

Basic Flow

UI considerations:

Keep cards horizontal but make the height shorter
When no image added we add a default document icon (see design)
We add a second line of text on the card format
I suggest to limit visualization options that are really useful
I suggest to differentiate between a link to an external doc. from a text/link visualization.

US2. Modify Subdocument view

As an editor I want to change subdocument view So that I can design my subdocument the way I wish.

Acceptance criteria

The user can change view of a subdocument at any time by selecting it and the contextual options (3 dots)
The user can select between different view options on Change subdocument view.

Basic flow