fixes generated image download

src/app/admin/admin.component.ts

@@ -11,6 +11,7 @@ import { TeamMember } from '../interfaces/team-member';
 import { CommunityHighlight } from '../interfaces/community-highlight';
 import { Underwriter } from '../interfaces/underwriter';
 import {
+  MobileBuildArtifact,
   MobileBuildDefaults,
   MobileBuildRequest,
   ThemeStatus,
@@ -126,8 +127,6 @@ export class AdminComponent implements OnInit {
   mobileBuildErrorMessage = '';
   mobileBuildPreflightIssues: string[] = [];
   mobileBuildBusy = false;
-  downloadingArtifactId: number | null = null;
-
   // ── Theme JSON status (mobile build tab) ────────────────────
   readonly themeJsonStatus$ = new BehaviorSubject<ThemeStatus | null>(null);
   readonly themeJsonLoading$ = new BehaviorSubject<boolean>(false);
@@ -452,24 +451,26 @@ export class AdminComponent implements OnInit {
     return `${getAppConfig().apiBaseUrl}${path}`;
   }
 
-  async downloadArtifact(artifact: { id: number; file_name: string }): Promise<void> {
-    try {
-      this.downloadingArtifactId = artifact.id;
-      const blob = await firstValueFrom(this.mobileBuildService.downloadArtifact(artifact.id));
-      const url = window.URL.createObjectURL(blob);
-      const a = document.createElement('a');
-      a.style.display = 'none';
-      a.href = url;
-      a.download = artifact.file_name;
-      document.body.appendChild(a);
-      a.click();
-      window.URL.revokeObjectURL(url);
-      document.body.removeChild(a);
-    } catch {
-      this.mobileBuildErrorMessage = 'Failed to download artifact.';
-    } finally {
-      this.downloadingArtifactId = null;
-    }
+  formatFileSize(bytes: number): string {
+    if (bytes === 0) return '0 B';
+    const units = ['B', 'KB', 'MB', 'GB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(1024));
+    const size = bytes / Math.pow(1024, i);
+    return `${size.toFixed(size < 10 ? 1 : 0)} ${units[i]}`;
+  }
+
+  downloadArtifact(artifact: MobileBuildArtifact): void {
+    this.mobileBuildService
+      .getDownloadUrl(artifact.id)
+      .subscribe({
+        next: (res) => {
+          // Trigger native browser download with the signed URL
+          window.open(res.download_url, '_blank');
+        },
+        error: (err) => {
+          console.error('Failed to get download URL:', err);
+        },
+      });
   }
 
   // ── Show CRUD ───────────────────────────────────────────