feat: implement fallback to unauthenticated requests for media fetching on 401 errors

src/app/components/message/content/ImageContent.tsx

@@ -35,15 +35,23 @@ import { validBlurHash } from '../../../utils/blurHash';
 /**
  * Fetches media with authentication headers and returns a blob URL.
  * This is needed because service workers don't work reliably in Tauri/WebKit.
+ * Falls back to unauthenticated request if authenticated request fails with 401.
  */
 const fetchAuthenticatedMedia = async (
   url: string,
   accessToken: string | null
 ): Promise<string> => {
-  const response = await fetch(url, {
+  let response = await fetch(url, {
     method: 'GET',
     headers: accessToken ? { Authorization: `Bearer ${accessToken}` } : undefined,
   });
+  
+  // If we got a 401 and we tried with auth, fallback to unauthenticated request
+  if (!response.ok && response.status === 401 && accessToken) {
+    console.warn('[ImageContent] Auth failed (401), attempting unauthenticated fallback for:', url);
+    response = await fetch(url, { method: 'GET' });
+  }
+  
   if (!response.ok) {
     throw new Error(`Failed to fetch media: ${response.status}`);
   }

src/app/components/message/content/ThumbnailContent.tsx

@@ -8,15 +8,23 @@ import { FALLBACK_MIMETYPE } from '../../../utils/mimeTypes';
 
 /**
  * Fetches media with authentication headers and returns a blob URL.
+ * Falls back to unauthenticated request if authenticated request fails with 401.
  */
 const fetchAuthenticatedMedia = async (
   url: string,
   accessToken: string | null
 ): Promise<string> => {
-  const response = await fetch(url, {
+  let response = await fetch(url, {
     method: 'GET',
     headers: accessToken ? { Authorization: `Bearer ${accessToken}` } : undefined,
   });
+  
+  // If we got a 401 and we tried with auth, fallback to unauthenticated request
+  if (!response.ok && response.status === 401 && accessToken) {
+    console.warn('[ThumbnailContent] Auth failed (401), attempting unauthenticated fallback for:', url);
+    response = await fetch(url, { method: 'GET' });
+  }
+  
   if (!response.ok) {
     throw new Error(`Failed to fetch media: ${response.status}`);
   }