fix(emoji): re-resolve custom emojis after a cache clear

Clearing the image cache (Cache slice or full Clear) left the frontend's
url-to-path emoji memos pointing at deleted files, short-circuiting the
re-download forever and rendering broken images until an app restart.
Clearing now drops the memos and rebinds every emoji img on screen, so
they re-download on sight. Binds stash their cache kind so the rebind
lands in the same cache subdir.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

Author: JSKitty

src/js/picker.js

@@ -512,6 +512,20 @@ function _isCacheableEmojiUrl(url) {
     return typeof url === 'string' && url.startsWith('https://');
 }
 
+/**
+ * Drop every memoized emoji path and re-resolve all emoji <img>s on screen.
+ * Called after the disk cache is cleared: the memos (and any rendered srcs)
+ * point at deleted files, and left alone they'd short-circuit the re-download
+ * forever, leaving broken images until a full reload.
+ */
+function reloadCachedEmojiImgs() {
+    _emojiCacheMemo.clear();
+    _emojiFailReason.clear();
+    document.querySelectorAll('img[data-cache-token]').forEach(img => {
+        bindCachedEmojiImg(img, img.dataset.cacheToken, img.dataset.cacheKind || 'emoji');
+    });
+}
+
 /** Returns the memoized local path for `url`, or null if not yet cached
  *  in this session. Synchronous — safe to call from render-fast paths. */
 function cachedEmojiPath(url) {
@@ -573,15 +587,18 @@ function bindCachedEmojiImg(img, url, kind = 'emoji', onUnavailable = null) {
     };
     if (!_isCacheableEmojiUrl(url)) {
         delete img.dataset.cacheToken;
+        delete img.dataset.cacheKind;
         unavailable();
         return;
     }
     // Token guard against the re-bind race: if this same <img> gets
     // rebound to a different URL before our async resolve lands, the
     // stale `.then` would overwrite the newer src. Reused elements
     // (e.g. the naming-overlay preview cycling through a batch) are the
-    // common offenders.
+    // common offenders. The kind rides along so a cache-clear rebind
+    // resolves into the same cache subdir.
     img.dataset.cacheToken = url;
+    img.dataset.cacheKind = kind;
     const memo = _emojiCacheMemo.get(url);
     if (memo) {
         img.src = convertFileSrc(memo);

src/js/settings.js

@@ -1513,6 +1513,9 @@ async function clearStorage() {
         clearStorageBtn.disabled = true;
         clearStorageBtn.textContent = 'Clearing...';
         await invoke('clear_storage');
+        // Full clear nukes the image cache too; drop the emoji memos so
+        // rendered emojis re-download instead of pointing at deleted files
+        reloadCachedEmojiImgs();
         clearStorageBtn.textContent = strPrevText;
         clearStorageBtn.disabled = false;
         return true;
@@ -1817,6 +1820,9 @@ function renderStorageDonut(typeDistribution) {
         try {
             const res = await invoke('clear_storage_category', { category, exts });
             showToast(`Freed ${res.freed_formatted}`);
+            // The emoji memos and any rendered <img>s point at the deleted
+            // cache files; re-resolve so they re-download on sight
+            if (category === 'cache') reloadCachedEmojiImgs();
         } catch (e) {
             await popupConfirm('Delete Failed', `Could not delete: ${escapeHtml(String(e))}`, true, '', 'vector_warning.svg');
         }