Fail to load dashboard when Local storage's quota is exceeded

[afharo]

Kibana version: 8.0.0-rc1

Elasticsearch version:

Server OS version:

Browser version: Firefox 95.0.2

Browser OS version: macOS 12.1

Original install method (e.g. download page, yum, from source, etc.): Cloud deployment

Describe the bug:
When the local storage quota is exceeded, opening a new dashboard fails with an Unhandled promise rejection.

Steps to reproduce:

1. Get the local storage to the limit of its quota:
   1. Create a very large dashboard with plenty of complex in_value visualizations
   2. Run queries with a large body payload in Kibana's Dev Tools > Console
   3. Do so until you get an error about exceeding the quota
2. Try to save the dashboard with a different name
3. Notice that an error is raised that the dashboard could not be saved due to exceeding the quota
4. Go to the list of dashboards and try to open the new dashboard that was just saved. You'll see a blank page.

Expected behavior:

• Not being able to store the dashboard in the Local storage should not block the dashboard from opening.
• Better management of the local storage should be done to avoid these quota-related issues.

Screenshots (if relevant):

Failing to save the dashboard using Save as because of the quota issue (although the dashboard is actually saved)

Opening Other dashboard from the list of dashboards while the quota limit is exceeded

Errors in browser console (if relevant):

Opening Other dashboard from the list of dashboards while the quota limit is exceeded

Any additional context:
Workaround: clean the local storage by clearing the history of the Dev Tools > Console

[elasticmachine]

Pinging @elastic/kibana-presentation (Team:Presentation)

[ThomThomson]

Update: This issue is likely caused by the state diffing problems in issues like #98180 and #118624, which were fixed in 8.x, but the fixes were not backported into 7.x.

In short, this issue was caused by the fact that Dashboard tracks state differences even when in view mode. When a dashboard is loaded and one of the above issues erroneously determines that the dashboard panels have unsaved changes , the entire panels key is backed up in session storage.

I have yet to be able to reproduce this taking much of the 50mb storage limit in firefox, but it could be theoretically possible if the user opens many large dashboards which all have this problem in the same tab one after the other.

Other areas around Kibana may contribute to filling up the quota, but I will close this issue for now once the backports of the two original PRs have been merged into 7.x.

You can track #124293 and #124295.

[ThomThomson]

Closing this issue, as both backports have been merged into 7.17