**As** an editor of a document
**I want to** be able to read and write documents even when my network is flaky
**so that** I am not kicked out of the flow of writing

**Acceptance criteria**

* If the network drops after I initially loaded a document I can continue writing to the document

* Once the network is back those edits get synced and persisted on the server.

* When the page goes offline, there are a number of indications that I'm in offline mode:

* Show Begin of the insertionan warning hint inEnd of the insertion Begin of the deletion a banner:

* Type: Warning (yellow)

* Text: You are currently offline. You can continue editing. Your changes will be synced whenEnd of the deletion the Begin of the insertionheader "Currently offline"

End of the insertion Begin of the deletion connection is restored.

End of the deletion * Begin of the deletion Action: Retry

* Dismissable: Yes

* End of the deletion The Begin of the insertioninformation onEnd of the insertion Begin of the deletion number ofEnd of the deletion active users Begin of the insertionis goneEnd of the insertion Begin of the deletion says "1 active user"End of the deletion

* The Begin of the insertioninformation of the last successful saveEnd of the insertion Begin of the deletion "Last saved line"End of the deletion is Begin of the insertiongone

End of the insertion Begin of the deletion changed:

End of the deletion * Begin of the deletion Add a `cloud-offline` icon (fgColor-muted) before the text

* Change text to "Currently offline. Last saved {time}".

* End of the deletion When the connection is restored:

* Begin of the insertionFor the duration of 5 seconds:

* End of the insertion Turn the Begin of the insertionhint in the headerEnd of the insertion Begin of the deletion bannerEnd of the deletion into a success Begin of the insertionmessageEnd of the insertion Begin of the deletion banner:

* Type: Success (green)

* Text:End of the deletion "Connection Begin of the insertionreestablished":End of the insertion Begin of the deletion reestablished. Your changes have been synced."End of the deletion

* Begin of the insertionThe information on active users is still goneEnd of the insertion Begin of the deletion Action: noneEnd of the deletion

* Begin of the insertionThe information of the last successful save is still goneEnd of the insertion Begin of the deletion Dismissable: YesEnd of the deletion

* Begin of the insertionAfter 5 seconds:

* End of the insertion Remove the Begin of the insertiongreen success hint "Connection reestablished"

* ShowEnd of the insertion Begin of the deletion `cloud-offline` icon andEnd of the deletion the Begin of the insertionheaderEnd of the insertion Begin of the deletion "Currently offline" part ofEnd of the deletion the Begin of the insertionsame as before the connection loss.


End of the insertion Begin of the deletion text


End of the deletion **Technical notes**

* Hopefully that is as easy as adding a y-indexeddb provider. 🤞 


**Permissions and visibility considerations**

* When user only has read permissions, the user should continue having read-only permissions when offline.


**Out of scope**

* Syncing of the documents when the document is not open

* Moving the position of the banner to the bottom right; this will be handled in a separate feature: <mention class="mention" data-id="72657" data-type="work_package" data-text="##72657">##72657</mention>