Show verified previews while metadata is still downloading

A slow or dead metadata host kept gallery and offer tiles on a loading
spinner (and the hash status badge on 'Verifying hash...') even after
the data file had been downloaded and its hash verified. Metadata now
only holds the tile in the loading state while there is no verified
preview to show, and the verify hook stops reporting loading once the
data verification outcome - the only input to isVerified - has settled.

Because the sensitive-content flag lives in the metadata, a preview
rendered before the metadata settles stays covered until the flag can
be read, so hideObjectionableContent never flashes unblurred content.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016Q2tBCuePZJeeCkDDxu1m3

Author: jlobue10

packages/gui/src/components/nfts/NFTPreview.tsx

@@ -172,17 +172,20 @@ export default function NFTPreview(props: NFTPreviewProps) {
 
   const { isLoading: isLoadingNFT } = useNFT(nftId);
   const { metadata, isLoading: isLoadingMetadata } = useNFTMetadata(nftId);
-  // hash verification downloads the full data file, which can take a long time
-  // for large media — only wait for it while there is no preview uri to show yet
-  const isLoading = isLoadingMetadata || isLoadingNFT || isLoadingFileType || (isLoadingVerifyHash && !preview);
+  // hash verification downloads the full data file, which can take a long
+  // time for large media, and the metadata host can be slow or dead — either
+  // one only blocks the tile while there is no verified preview uri to show
+  const isLoading = isLoadingNFT || isLoadingFileType || ((isLoadingVerifyHash || isLoadingMetadata) && !preview);
 
   const blurPreview = useMemo(() => {
     if (!hideObjectionableContent) {
       return false;
     }
 
-    if (isLoading) {
-      return false;
+    // a verified preview can render before the metadata fetch settles — keep
+    // it covered until the sensitive-content flag can actually be read
+    if (isLoadingMetadata) {
+      return true;
     }
 
     if (!metadata) {
@@ -194,7 +197,7 @@ export default function NFTPreview(props: NFTPreviewProps) {
     }
 
     return false;
-  }, [hideObjectionableContent, isLoading, metadata]);
+  }, [hideObjectionableContent, isLoadingMetadata, metadata]);
 
   const previewExtension = useMemo(() => getFileExtension(preview?.uri), [preview]);
 

packages/gui/src/hooks/useNFTVerifyHash.ts

@@ -33,7 +33,11 @@ export default function useNFTVerifyHash(nftId?: string, options: UseNFTVerifyHa
   const [previewImage, setPreviewImage] = useState<NFTPreviewState | undefined>();
   const verificationGeneration = useRef(0);
 
-  const isLoading = isLoadingNFT || isLoadingMetadata || isVerifying;
+  // A pending metadata download only blocks the result while there is no
+  // data verification outcome yet: `isVerified` is derived from the data
+  // file alone, so once it settles a slow or dead metadata host must not
+  // keep consumers (gallery tiles, hash status badges) in a loading state.
+  const isLoading = isLoadingNFT || isVerifying || (isLoadingMetadata && !data);
   const error = errorNFT || errorMetadata || errorVerify;
 
   const findValidUri = useCallback(