Custom project icons disappear on page refresh when many projects have icons set #22360

Description

When I have many projects (11 in my case) and set custom icons for 8 of them, only 7 retain their icons after a page refresh. The 8th icon always reverts to the default letter avatar.

If I re-add the icon for the missing project and refresh again, that one persists but a different project's icon disappears instead. It behaves like a game of whack-a-mole -- there seems to be a hard ceiling around 7 custom icons that can survive a refresh.

Likely cause: Custom project icons (the override field set when a user uploads an image) are not persisted to the backend database. The database schema only stores the auto-discovered favicon URL and the avatar color, but the user-uploaded icon image is only kept in the browser's localStorage as a base64-encoded data URL. These data URLs are large (tens to hundreds of KB each), and when enough of them accumulate, localStorage hits its quota limit (~5-10MB). The app's storage layer handles quota errors by evicting the largest existing entries to make room -- which are other project icons. This creates the circular behavior where saving one icon causes another to be silently removed.

The fix would be to persist the user-uploaded icon to the backend database so it doesn't rely on browser storage with quota limits.

Plugins

None

OpenCode version

v1.4.2

Steps to reproduce

1. Open the web UI with 8+ projects in the sidebar
2. Edit each project and upload a custom icon image for at least 8 of them
3. Refresh the page
4. Observe that one of the icons has reverted to the default letter avatar
5. Re-add the missing icon and refresh again
6. A different project's icon has now disappeared

Screenshot and/or share link

N/A

Operating System

Linux

Terminal

N/A (Web UI)