Bolt.new and StackBlitz environments become desynchronized after closing the browser session and revisiting the project later.

[CultkAI]

Describe the bug

Bolt.new and StackBlitz environments become desynchronized after closing the browser session and revisiting the project later. This results in mismatched code and broken previews, particularly when assets like images and videos are involved.

Steps to Reproduce:

1. Create a project using Bolt.new and StackBlitz.
2. Add some images/videos to the public/ folder (e.g., for a 3D carousel effect).
3. Confirm everything works as expected in the Bolt.new preview.
4. Deploy the project to Netlify (which works as intended).
5. Close the browser session.
6. Reopen Bolt.new the next day and revisit the related chat/project.

Expected Behavior:
Bolt.new should restore the same version of the project, synced with StackBlitz, matching what was deployed and previously previewed.

Actual Behavior:
• Bolt.new attempts to pull the project code from StackBlitz, but the code does not match the deployed or previewed version.
• The directory structure (especially the public/ folder) differs from the original.
• Visual effects (like the 3D carousel) break or degrade.
• Images appear cropped or missing.
• I’m left with only the deployed Netlify version as the working copy, unable to recover the original project state within Bolt.new or StackBlitz.

Impact:
This issue makes it difficult to iterate on or resume work reliably. I risk losing functional code and assets unless I manually back them up outside the Bolt.new/StackBlitz environment.....I need to understand how to fix it ...

Link to the blitz that caused the error

https://stackblitz.com/edit/sb1-cxyes3po?file=index.html

Steps to reproduce

Steps to Reproduce:

1. Create a project using Bolt.new and StackBlitz.
2. Add some images/videos to the public/ folder (e.g., for a 3D carousel effect).
3. Confirm everything works as expected in the Bolt.new preview.
4. Deploy the project to Netlify (which works as intended).
5. Close the browser session.
6. Reopen Bolt.new the next day and revisit the related chat/project.

Expected behavior

Expected Behavior:
Bolt.new should restore the same version of the project, synced with StackBlitz, matching what was deployed and previously previewed.

Parity with Local

• I have run the project in my local machine and I could not reproduce the issue.

Screenshots

Actual Behavior:
• Bolt.new attempts to pull the project code from StackBlitz, but the code does not match the deployed or previewed version.
• The directory structure (especially the public/ folder) differs from the original.
• Visual effects (like the 3D carousel) break or degrade.
• Images appear cropped or missing.
• I’m left with only the deployed Netlify version as the working copy, unable to recover the original project state within Bolt.new or StackBlitz.

Platform

Browser name  = Chrome
Full version  = Version 135.0.7049.85 (Official Build) (arm64)
Major version = 135
navigator.appName = Netscape
navigator.userAgent = Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36
performance.memory = {
  "totalJSHeapSize": 93366872,
  "usedJSHeapSize": 89195644,
  "jsHeapSizeLimit": 4294705152
}
Hash = fb22cd3d

Additional context

Here is the deployed version of the website with https://rebelsparrow.ai/products with Carousel effect showing correctly. And given below is what I am getting in the screenshot.

[SamVerschueren]

Hey @CultkAI, I tried to reproduce this but couldn't. The only thing I can think off is that your images are very large in size and our backend rejected them, although in that case I think you should've gotten a warning.

Are you always able to reproduce this, or did this happen once? Also, was the public folder there but just empty? Or not even a public folder.