feat(platform): Saving WIP edited graph in local storage

[Abhi1992002]

• resolve Builder Tab Auto-Refreshes if tabbed out for too long #8714

Changes

• I am using local storage.
• I am saving the latest data in local storage when:
  • The user goes offline or reload the page.
  • The user changes the tab or window.
  • Force save after 30 seconds.

When the user returns online or refreshes the page, the following steps are taken:

1. Retrieve data from the backend.
2. Check if localStorage contains data and perform a deep comparison with the retrieved data.

If there’s a change, a modal is opened, and the user is prompted to recover unsaved changes from the previous session. If the user agrees, the changes are temporarily recovered (not permanently saved to the database; the user needs to explicitly save them).

User must permanently save changes after recovering temporary ones.

Untitled.video.-.Made.with.Clipchamp.3.mp4

[netlify]

✅ Deploy Preview for auto-gpt-docs-dev canceled.

Name	Link
🔨 Latest commit	fcd98b2
🔍 Latest deploy log	https://app.netlify.com/sites/auto-gpt-docs-dev/deploys/675b6410d7b0750008bac540

[netlify]

✅ Deploy Preview for auto-gpt-docs ready!

Name	Link
🔨 Latest commit	fcd98b2
🔍 Latest deploy log	https://app.netlify.com/sites/auto-gpt-docs/deploys/675b6410133bd400082871b3
😎 Deploy Preview	https://deploy-preview-8844--auto-gpt-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you all sign our Contributor License Agreement before we can accept your contribution.
2 out of 3 committers have signed the CLA.

✅ ntindle
✅ Abhi1992002
❌ Abhi

---

Abhi seems not to be a GitHub user. You need a GitHub account to be able to sign the CLA. If you have already a GitHub account, please add the email address used for this commit to your account.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[github-actions]

This pull request has conflicts with the base branch, please resolve those so we can evaluate the pull request.

[github-actions]

Conflicts have been resolved! 🎉 A maintainer will review the pull request shortly.

[github-actions]

This pull request has conflicts with the base branch, please resolve those so we can evaluate the pull request.

[Abhi1992002]

I have used new package named Dexie-js for handling IndexedDB

[github-actions]

Conflicts have been resolved! 🎉 A maintainer will review the pull request shortly.

[github-actions]

This pull request has conflicts with the base branch, please resolve those so we can evaluate the pull request.

[aarushik93]

@Abhi1992002 please fix the conflicts 👍🏽

[Bentlybro]

I been testing this and I really like it, its super useful and it works very well, cant wait to see this be added! once the conflict is resolved and the CLA is signed from the other account this should be good to go 😄

[github-actions]

Conflicts have been resolved! 🎉 A maintainer will review the pull request shortly.

[Torantulino]

This is a great contribution @Abhi1992002!

The CLA bot is broken here as it looks like a GitHub commit was signed Abhi rather than your actual GitHub username.

Once tests are passing we can force this through the CLA bot.

[github-actions]

This pull request has conflicts with the base branch, please resolve those so we can evaluate the pull request.